%PDF-
%PDF-
Mini Shell
Mini Shell
import Vue from '../../vue'
import { NAME_DROPDOWN_ITEM } from '../../constants/components'
import { makePropsConfigurable } from '../../utils/config'
import { requestAF } from '../../utils/dom'
import { omit } from '../../utils/object'
import attrsMixin from '../../mixins/attrs'
import normalizeSlotMixin from '../../mixins/normalize-slot'
import { BLink, props as BLinkProps } from '../link/link'
export const props = omit(BLinkProps, ['event', 'routerTag'])
// @vue/component
export const BDropdownItem = /*#__PURE__*/ Vue.extend({
name: NAME_DROPDOWN_ITEM,
mixins: [attrsMixin, normalizeSlotMixin],
inject: {
bvDropdown: {
default: null
}
},
inheritAttrs: false,
props: makePropsConfigurable(
{
...props,
linkClass: {
type: [String, Array, Object]
// default: null
},
variant: {
type: String
// default: null
}
},
NAME_DROPDOWN_ITEM
),
computed: {
computedAttrs() {
return {
...this.bvAttrs,
role: 'menuitem'
}
}
},
methods: {
closeDropdown() {
// Close on next animation frame to allow <b-link> time to process
requestAF(() => {
if (this.bvDropdown) {
this.bvDropdown.hide(true)
}
})
},
onClick(evt) {
this.$emit('click', evt)
this.closeDropdown()
}
},
render(h) {
const { linkClass, variant, active, disabled, onClick } = this
return h('li', { attrs: { role: 'presentation' } }, [
h(
BLink,
{
staticClass: 'dropdown-item',
class: [linkClass, { [`text-${variant}`]: variant && !(active || disabled) }],
props: this.$props,
attrs: this.computedAttrs,
on: { click: onClick },
ref: 'item'
},
this.normalizeSlot()
)
])
}
})
Zerion Mini Shell 1.0