%PDF-
%PDF-
Mini Shell
Mini Shell
import Vue from '../../vue'
import { NAME_POPOVER } from '../../constants/components'
import { makePropsConfigurable } from '../../utils/config'
import { HTMLElement } from '../../utils/safe-types'
import { BTooltip } from '../tooltip/tooltip'
import { BVPopover } from './helpers/bv-popover'
export const BPopover = /*#__PURE__*/ Vue.extend({
name: NAME_POPOVER,
extends: BTooltip,
inheritAttrs: false,
props: makePropsConfigurable(
{
title: {
type: String
// default: undefined
},
content: {
type: String
// default: undefined
},
triggers: {
type: [String, Array],
default: 'click'
},
placement: {
type: String,
default: 'right'
},
variant: {
type: String,
default: undefined
},
customClass: {
type: String,
default: undefined
},
delay: {
type: [Number, Object, String],
default: 50
},
boundary: {
// String: scrollParent, window, or viewport
// Element: element reference
// Object: Vue component
type: [String, HTMLElement, Object],
default: 'scrollParent'
},
boundaryPadding: {
type: [Number, String],
default: 5
}
},
NAME_POPOVER
),
methods: {
getComponent() {
// Overridden by BPopover
return BVPopover
},
updateContent() {
// Tooltip: Default slot is `title`
// Popover: Default slot is `content`, `title` slot is title
// We pass a scoped slot function references by default (Vue v2.6x)
// And pass the title prop as a fallback
this.setContent(this.$scopedSlots.default || this.content)
this.setTitle(this.$scopedSlots.title || this.title)
}
}
// Render function provided by BTooltip
})
Zerion Mini Shell 1.0