element-plus/lib/components/popover/src/popover.js

A Component Library for Vue 3

'use strict';

var dropdown = require('../../dropdown/src/dropdown.js');
var runtime = require('../../../utils/vue/props/runtime.js');
var content = require('../../tooltip/src/content.js');
var trigger = require('../../tooltip/src/trigger.js');
var types = require('../../../utils/types.js');
var aria = require('../../../constants/aria.js');

const popoverProps = runtime.buildProps({
  /**
   * @description how the popover is triggered, not valid in controlled mode
   */
  trigger: trigger.useTooltipTriggerProps.trigger,
  /**
   * @description When you click the mouse to focus on the trigger element, you can define a set of keyboard codes to control the display of popover through the keyboard, not valid in controlled mode
   */
  triggerKeys: trigger.useTooltipTriggerProps.triggerKeys,
  /**
   * @description popover placement
   */
  placement: dropdown.dropdownProps.placement,
  /**
   * @description whether Popover is disabled
   */
  disabled: trigger.useTooltipTriggerProps.disabled,
  /**
   * @description whether popover is visible
   */
  visible: content.useTooltipContentProps.visible,
  /**
   * @description popover transition animation
   */
  transition: content.useTooltipContentProps.transition,
  /**
   * @description parameters for [popper.js](https://popper.js.org/docs/v2/)
   */
  popperOptions: dropdown.dropdownProps.popperOptions,
  /**
   * @description [tabindex](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of Popover
   */
  tabindex: dropdown.dropdownProps.tabindex,
  /**
   * @description popover content, can be replaced with a default `slot`
   */
  content: content.useTooltipContentProps.content,
  /**
   * @description custom style for popover
   */
  popperStyle: content.useTooltipContentProps.popperStyle,
  /**
   * @description custom class name for popover
   */
  popperClass: content.useTooltipContentProps.popperClass,
  enterable: {
    ...content.useTooltipContentProps.enterable,
    default: true
  },
  /**
   * @description Tooltip theme, built-in theme: `dark` / `light`
   */
  effect: {
    ...content.useTooltipContentProps.effect,
    default: "light"
  },
  /**
   * @description whether popover dropdown is teleported to the body
   */
  teleported: content.useTooltipContentProps.teleported,
  /**
   * @description which select dropdown appends to
   */
  appendTo: content.useTooltipContentProps.appendTo,
  /**
   * @description popover title
   */
  title: String,
  /**
   * @description popover width
   */
  width: {
    type: [String, Number],
    default: 150
  },
  /**
   * @description popover offset
   */
  offset: {
    type: Number,
    default: void 0
  },
  /**
   * @description delay of appearance, in millisecond, not valid in controlled mode
   */
  showAfter: {
    type: Number,
    default: 0
  },
  /**
   * @description delay of disappear, in millisecond, not valid in controlled mode
   */
  hideAfter: {
    type: Number,
    default: 200
  },
  /**
   * @description timeout in milliseconds to hide tooltip, not valid in controlled mode
   */
  autoClose: {
    type: Number,
    default: 0
  },
  /**
   * @description whether a tooltip arrow is displayed or not. For more info, please refer to [ElPopper](https://github.com/element-plus/element-plus/tree/dev/packages/components/popper)
   */
  showArrow: {
    type: Boolean,
    default: true
  },
  /**
   * @description when popover inactive and `persistent` is `false` , popover will be destroyed
   */
  persistent: {
    type: Boolean,
    default: true
  },
  "onUpdate:visible": {
    type: Function
  }
});
const popoverEmits = {
  "update:visible": (value) => types.isBoolean(value),
  "before-enter": () => true,
  "before-leave": () => true,
  "after-enter": () => true,
  "after-leave": () => true
};
const popoverPropsDefaults = {
  trigger: "hover",
  triggerKeys: () => [
    aria.EVENT_CODE.enter,
    aria.EVENT_CODE.numpadEnter,
    aria.EVENT_CODE.space
  ],
  placement: "bottom",
  visible: null,
  popperOptions: () => ({}),
  tabindex: 0,
  content: "",
  popperStyle: void 0,
  enterable: true,
  effect: "light",
  teleported: true,
  width: 150,
  offset: void 0,
  showAfter: 0,
  hideAfter: 200,
  autoClose: 0,
  showArrow: true,
  persistent: true
};

exports.popoverEmits = popoverEmits;
exports.popoverProps = popoverProps;
exports.popoverPropsDefaults = popoverPropsDefaults;
//# sourceMappingURL=popover.js.map