-
-
Notifications
You must be signed in to change notification settings - Fork 1.9k
Expand file tree
/
Copy pathtbody.js
More file actions
103 lines (98 loc) · 2.99 KB
/
tbody.js
File metadata and controls
103 lines (98 loc) · 2.99 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
96
97
98
99
100
101
102
103
import { extend } from '../../vue'
import { NAME_TBODY } from '../../constants/components'
import { PROP_TYPE_OBJECT } 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(
{
tbodyTransitionHandlers: makeProp(PROP_TYPE_OBJECT),
tbodyTransitionProps: makeProp(PROP_TYPE_OBJECT)
},
NAME_TBODY
)
// --- 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 BTbody = /*#__PURE__*/ extend({
name: NAME_TBODY,
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>`
isTbody() {
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
},
isTransitionGroup() {
return this.tbodyTransitionProps || this.tbodyTransitionHandlers
},
tbodyAttrs() {
return { role: 'rowgroup', ...this.bvAttrs }
},
tbodyProps() {
const { tbodyTransitionProps } = this
return tbodyTransitionProps ? { ...tbodyTransitionProps, tag: 'tbody' } : {}
}
},
render(h) {
const data = {
props: this.tbodyProps,
attrs: this.tbodyAttrs
}
if (this.isTransitionGroup) {
// We use native listeners if a transition group for any delegated events
data.on = this.tbodyTransitionHandlers || {}
data.nativeOn = this.bvListeners
} else {
// Otherwise we place any listeners on the tbody element
data.on = this.bvListeners
}
return h(this.isTransitionGroup ? 'transition-group' : 'tbody', data, this.normalizeSlot())
}
})