%PDF-
%PDF-
Mini Shell
Mini Shell
import Vue from '../../vue'
import { NAME_DROPDOWN_ITEM_BUTTON } from '../../constants/components'
import { makePropsConfigurable } from '../../utils/config'
import attrsMixin from '../../mixins/attrs'
import normalizeSlotMixin from '../../mixins/normalize-slot'
export const props = makePropsConfigurable(
{
active: {
type: Boolean,
default: false
},
activeClass: {
type: String,
default: 'active'
},
buttonClass: {
type: [String, Array, Object]
// default: null
},
disabled: {
type: Boolean,
default: false
},
variant: {
type: String
// default: null
}
},
NAME_DROPDOWN_ITEM_BUTTON
)
// @vue/component
export const BDropdownItemButton = /*#__PURE__*/ Vue.extend({
name: NAME_DROPDOWN_ITEM_BUTTON,
mixins: [attrsMixin, normalizeSlotMixin],
inject: {
bvDropdown: {
default: null
}
},
inheritAttrs: false,
props,
computed: {
computedAttrs() {
return {
...this.bvAttrs,
role: 'menuitem',
type: 'button',
disabled: this.disabled
}
}
},
methods: {
closeDropdown() {
if (this.bvDropdown) {
this.bvDropdown.hide(true)
}
},
onClick(evt) {
this.$emit('click', evt)
this.closeDropdown()
}
},
render(h) {
return h('li', { attrs: { role: 'presentation' } }, [
h(
'button',
{
staticClass: 'dropdown-item',
class: [
this.buttonClass,
{
[this.activeClass]: this.active,
[`text-${this.variant}`]: this.variant && !(this.active || this.disabled)
}
],
attrs: this.computedAttrs,
on: { click: this.onClick },
ref: 'button'
},
this.normalizeSlot()
)
])
}
})
Zerion Mini Shell 1.0