%PDF-
%PDF-
Mini Shell
Mini Shell
import { NAME_TABLE } from '../../../constants/components'
import { makePropsConfigurable } from '../../../utils/config'
import { stopEvent } from '../../../utils/events'
import { isFunction } from '../../../utils/inspect'
import { BTr } from '../tr'
import { BTd } from '../td'
const busySlotName = 'table-busy'
export default {
props: makePropsConfigurable(
{
busy: {
type: Boolean,
default: false
}
},
NAME_TABLE
),
data() {
return {
localBusy: false
}
},
computed: {
computedBusy() {
return this.busy || this.localBusy
}
},
watch: {
localBusy(newVal, oldVal) {
if (newVal !== oldVal) {
this.$emit('update:busy', newVal)
}
}
},
methods: {
// Event handler helper
stopIfBusy(evt) {
if (this.computedBusy) {
// If table is busy (via provider) then don't propagate
stopEvent(evt)
return true
}
return false
},
// Render the busy indicator or return `null` if not busy
renderBusy() {
const h = this.$createElement
// Return a busy indicator row, or `null` if not busy
if (this.computedBusy && this.hasNormalizedSlot(busySlotName)) {
// Show the busy slot
return h(
BTr,
{
key: 'table-busy-slot',
staticClass: 'b-table-busy-slot',
class: [
isFunction(this.tbodyTrClass)
? /* istanbul ignore next */ this.tbodyTrClass(null, busySlotName)
: this.tbodyTrClass
],
attrs: isFunction(this.tbodyTrAttr)
? /* istanbul ignore next */ this.tbodyTrAttr(null, busySlotName)
: this.tbodyTrAttr
},
[
h(BTd, { props: { colspan: this.computedFields.length || null } }, [
this.normalizeSlot(busySlotName)
])
]
)
} else {
// We return `null` here so that we can determine if we need to
// render the table items rows or not
return null
}
}
}
}
Zerion Mini Shell 1.0