tfoot.js
2.54 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
import { extend } from '../../vue'
import { NAME_TFOOT } from '../../constants/components'
import { PROP_TYPE_STRING } from '../../constants/props'
import { makeProp, makePropsConfigurable } from '../../utils/props'
import { attrsMixin } from '../../mixins/attrs'
import { listenersMixin } from '../../mixins/listeners'
import { normalizeSlotMixin } from '../../mixins/normalize-slot'
// --- Props ---
export const props = makePropsConfigurable(
{
// Supported values: 'lite', 'dark', or null
footVariant: makeProp(PROP_TYPE_STRING)
},
NAME_TFOOT
)
// --- Main component ---
// TODO:
// In Bootstrap v5, we won't need "sniffing" as table element variants properly inherit
// to the child elements, so this can be converted to a functional component
// @vue/component
export const BTfoot = /*#__PURE__*/ extend({
name: NAME_TFOOT,
mixins: [attrsMixin, listenersMixin, normalizeSlotMixin],
provide() {
return {
getBvTableRowGroup: () => this
}
},
inject: {
// Sniffed by `<b-tr>` / `<b-td>` / `<b-th>`
getBvTable: {
default: /* istanbul ignore next */ () => () => ({})
}
},
inheritAttrs: false,
props,
computed: {
bvTable() {
return this.getBvTable()
},
// Sniffed by `<b-tr>` / `<b-td>` / `<b-th>`
isTfoot() {
return true
},
// Sniffed by `<b-tr>` / `<b-td>` / `<b-th>`
isDark() {
return this.bvTable.dark
},
// Sniffed by `<b-tr>` / `<b-td>` / `<b-th>`
isStacked() {
return this.bvTable.isStacked
},
// Sniffed by `<b-tr>` / `<b-td>` / `<b-th>`
isResponsive() {
return this.bvTable.isResponsive
},
// Sniffed by `<b-tr>` / `<b-td>` / `<b-th>`
// Sticky headers are only supported in thead
isStickyHeader() {
return false
},
// Sniffed by `<b-tr>` / `<b-td>` / `<b-th>`
// Needed to handle header background classes, due to lack of
// background color inheritance with Bootstrap v4 table CSS
hasStickyHeader() {
return !this.isStacked && this.bvTable.stickyHeader
},
// Sniffed by `<b-tr>` / `<b-td>` / `<b-th>`
tableVariant() {
return this.bvTable.tableVariant
},
tfootClasses() {
return [this.footVariant ? `thead-${this.footVariant}` : null]
},
tfootAttrs() {
return { ...this.bvAttrs, role: 'rowgroup' }
}
},
render(h) {
return h(
'tfoot',
{
class: this.tfootClasses,
attrs: this.tfootAttrs,
// Pass down any native listeners
on: this.bvListeners
},
this.normalizeSlot()
)
}
})