+25
-7
lines changedFilter options
+25
-7
lines changed Original file line number Diff line number Diff line change
@@ -12,6 +12,9 @@ export const props = {
12 12
}
13 13
}
14 14 15 +
// TODO:
16 +
// In Bootstrap v5, we won't need "sniffing" as table element variants properly inherit
17 +
// to the child elements, so this can be converted to a functional component
15 18
// @vue/component
16 19
export const BTbody = /*#__PURE__*/ Vue.extend({
17 20
name: 'BTbody',
@@ -60,7 +63,7 @@ export const BTbody = /*#__PURE__*/ Vue.extend({
60 63
// background color inheritance with Bootstrap v4 table CSS
61 64
return !this.isStacked && this.bvTable.stickyHeader
62 65
},
63 -
tableVariant() /* istanbul ignore next: Not currently sniffed in tests */ {
66 +
tableVariant() {
64 67
// Sniffed by <b-tr> / <b-td> / <b-th>
65 68
return this.bvTable.tableVariant
66 69
},
@@ -38,6 +38,9 @@ export const props = {
38 38
}
39 39
}
40 40 41 +
// TODO:
42 +
// In Bootstrap v5, we won't need "sniffing" as table element variants properly inherit
43 +
// to the child elements, so this can be converted to a functional component
41 44
// @vue/component
42 45
export const BTd = /*#__PURE__*/ Vue.extend({
43 46
name: 'BTableCell',
@@ -104,8 +107,7 @@ export const BTd = /*#__PURE__*/ Vue.extend({
104 107
headVariant() {
105 108
return this.bvTableTr.headVariant
106 109
},
107 -
/* istanbul ignore next: need to add in tests for footer variant */
108 -
footVariant() /* istanbul ignore next: need to add in tests for footer variant */ {
110 +
footVariant() {
109 111
return this.bvTableTr.footVariant
110 112
},
111 113
tableVariant() {
@@ -120,11 +122,12 @@ export const BTd = /*#__PURE__*/ Vue.extend({
120 122
cellClasses() {
121 123
// We use computed props here for improved performance by caching
122 124
// the results of the string interpolation
123 -
// TODO: need to add handling for footVariant
124 125
let variant = this.variant
125 126
if (
126 127
(!variant && this.isStickyHeader && !this.headVariant) ||
127 -
(!variant && this.isStickyColumn)
128 +
(!variant && this.isStickyColumn && this.inTfoot && !this.footVariant) ||
129 +
(!variant && this.isStickyColumn && this.inThead && !this.headVariant) ||
130 +
(!variant && this.isStickyColumn && this.inTbody)
128 131
) {
129 132
// Needed for sticky-header mode as Bootstrap v4 table cells do
130 133
// not inherit parent's background-color. Boo!
@@ -8,6 +8,9 @@ export const props = {
8 8
}
9 9
}
10 10 11 +
// TODO:
12 +
// In Bootstrap v5, we won't need "sniffing" as table element variants properly inherit
13 +
// to the child elements, so this can be converted to a functional component
11 14
// @vue/component
12 15
export const BTfoot = /*#__PURE__*/ Vue.extend({
13 16
name: 'BTfoot',
@@ -33,7 +36,7 @@ export const BTfoot = /*#__PURE__*/ Vue.extend({
33 36
// Sniffed by <b-tr> / <b-td> / <b-th>
34 37
return true
35 38
},
36 -
isDark() /* istanbul ignore next: Not currently sniffed in tests */ {
39 +
isDark() {
37 40
// Sniffed by <b-tr> / <b-td> / <b-th>
38 41
return this.bvTable.dark
39 42
},
@@ -56,7 +59,7 @@ export const BTfoot = /*#__PURE__*/ Vue.extend({
56 59
// background color inheritance with Bootstrap v4 table CSS
57 60
return !this.isStacked && this.bvTable.stickyHeader
58 61
},
59 -
tableVariant() /* istanbul ignore next: Not currently sniffed in tests */ {
62 +
tableVariant() {
60 63
// Sniffed by <b-tr> / <b-td> / <b-th>
61 64
return this.bvTable.tableVariant
62 65
},
@@ -1,6 +1,9 @@
1 1
import Vue from '../../utils/vue'
2 2
import { BTd } from './td'
3 3 4 +
// TODO:
5 +
// In Bootstrap v5, we won't need "sniffing" as table element variants properly inherit
6 +
// to the child elements, so this can be converted to a functional component
4 7
// @vue/component
5 8
export const BTh = /*#__PURE__*/ Vue.extend({
6 9
name: 'BTh',
@@ -9,6 +9,9 @@ export const props = {
9 9
}
10 10
}
11 11 12 +
// TODO:
13 +
// In Bootstrap v5, we won't need "sniffing" as table element variants properly inherit
14 +
// to the child elements, so this can be converted to a functional component
12 15
// @vue/component
13 16
export const BThead = /*#__PURE__*/ Vue.extend({
14 17
name: 'BThead',
@@ -11,6 +11,9 @@ export const props = {
11 11
const LIGHT = 'light'
12 12
const DARK = 'dark'
13 13 14 +
// TODO:
15 +
// In Bootstrap v5, we won't need "sniffing" as table element variants properly inherit
16 +
// to the child elements, so this can be converted to a functional component
14 17
// @vue/component
15 18
export const BTr = /*#__PURE__*/ Vue.extend({
16 19
name: 'BTr',
You can’t perform that action at this time.
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4