element-plus 1.2.0-beta.3 → 1.2.0-beta.4

package/lib/components/pagination/src/components/total.vue_vue_type_template_id_bc261314_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"total.vue_vue_type_template_id_bc261314_lang.js","sources":["../../../../../../../packages/components/pagination/src/components/total.vue?vue&type=template&id=bc261314&lang.js"],"sourcesContent":["<template>\n  <span class=\"el-pagination__total\">\n    {{\n      t('el.pagination.total', {\n        total,\n      })\n    }}\n  </span>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport { useLocaleInject } from '@element-plus/hooks'\n\nimport type { ExtractPropTypes } from 'vue'\n\nconst paginationTotalProps = {\n  total: {\n    type: Number,\n    default: 1000,\n  },\n} as const\nexport type PaginationTotalProps = ExtractPropTypes<typeof paginationTotalProps>\n\nexport default defineComponent({\n  name: 'ElPaginationTotal',\n\n  props: paginationTotalProps,\n\n  setup() {\n    const { t } = useLocaleInject()\n    return {\n      t,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock"],"mappings":";;;;;;qBACQ,OAAM;;0BAAZA,+BAAA,gCAEI;;;;;;;"}

package/lib/components/pagination/src/pagination.js

@@ -15,12 +15,12 @@ require('./components/total.js');
 require('./components/pager.js');
 var index = require('../../../hooks/use-locale/index.js');
 var pagination = require('../../../tokens/pagination.js');
-var prev_vue_vue_type_script_lang = require('./components/prev.vue_vue&type=script&lang.js');
-var jumper_vue_vue_type_script_lang = require('./components/jumper.vue_vue&type=script&lang.js');
-var pager_vue_vue_type_script_lang = require('./components/pager.vue_vue&type=script&lang.js');
-var next_vue_vue_type_script_lang = require('./components/next.vue_vue&type=script&lang.js');
-var sizes_vue_vue_type_script_lang = require('./components/sizes.vue_vue&type=script&lang.js');
-var total_vue_vue_type_script_lang = require('./components/total.vue_vue&type=script&lang.js');
+var prev_vue_vue_type_script_lang = require('./components/prev.vue_vue_type_script_lang.js');
+var jumper_vue_vue_type_script_lang = require('./components/jumper.vue_vue_type_script_lang.js');
+var pager_vue_vue_type_script_lang = require('./components/pager.vue_vue_type_script_lang.js');
+var next_vue_vue_type_script_lang = require('./components/next.vue_vue_type_script_lang.js');
+var sizes_vue_vue_type_script_lang = require('./components/sizes.vue_vue_type_script_lang.js');
+var total_vue_vue_type_script_lang = require('./components/total.vue_vue_type_script_lang.js');
 
 const isAbsent = (v) => typeof v !== "number";
 const paginationProps = props.buildProps({

package/lib/components/popconfirm/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var withInstall = require('../../utils/with-install.js');
 require('./src/popconfirm2.js');
 var popconfirm = require('./src/popconfirm.js');
-var popconfirm_vue_vue_type_script_lang = require('./src/popconfirm.vue_vue&type=script&lang.js');
+var popconfirm_vue_vue_type_script_lang = require('./src/popconfirm.vue_vue_type_script_lang.js');
 
 const ElPopconfirm = withInstall.withInstall(popconfirm_vue_vue_type_script_lang["default"]);
 

package/lib/components/popconfirm/src/popconfirm.vue_vue_type_script_lang.js

@@ -0,0 +1,48 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var index = require('../../button/index.js');
+var index$2 = require('../../icon/index.js');
+var index$1 = require('../../popper/index.js');
+require('../../../hooks/index.js');
+var popconfirm = require('./popconfirm.js');
+var index$3 = require('../../../hooks/use-locale/index.js');
+var defaults = require('../../popper/src/use-popper/defaults.js');
+
+var script = vue.defineComponent({
+  name: "ElPopconfirm",
+  components: {
+    ElButton: index.ElButton,
+    ElPopper: index$1["default"],
+    ElIcon: index$2.ElIcon
+  },
+  props: popconfirm.popconfirmProps,
+  emits: popconfirm.popconfirmEmits,
+  setup(props, { emit }) {
+    const { t } = index$3.useLocaleInject();
+    const visible = vue.ref(false);
+    const confirm = () => {
+      visible.value = false;
+      emit("confirm");
+    };
+    const cancel = () => {
+      visible.value = false;
+      emit("cancel");
+    };
+    const finalConfirmButtonText = vue.computed(() => props.confirmButtonText || t("el.popconfirm.confirmButtonText"));
+    const finalCancelButtonText = vue.computed(() => props.cancelButtonText || t("el.popconfirm.cancelButtonText"));
+    return {
+      Effect: defaults.Effect,
+      visible,
+      finalConfirmButtonText,
+      finalCancelButtonText,
+      confirm,
+      cancel
+    };
+  }
+});
+
+exports["default"] = script;
+//# sourceMappingURL=popconfirm.vue_vue_type_script_lang.js.map

package/lib/components/popconfirm/src/popconfirm.vue_vue_type_script_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popconfirm.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/popconfirm/src/popconfirm.vue"],"sourcesContent":["<template>\n  <el-popper\n    v-model:visible=\"visible\"\n    trigger=\"click\"\n    :effect=\"Effect.LIGHT\"\n    popper-class=\"el-popover\"\n    append-to-body\n    :fallback-placements=\"['bottom', 'top', 'right', 'left']\"\n  >\n    <div class=\"el-popconfirm\">\n      <div class=\"el-popconfirm__main\">\n        <el-icon\n          v-if=\"!hideIcon && icon\"\n          class=\"el-popconfirm__icon\"\n          :style=\"{ color: iconColor }\"\n        >\n          <component :is=\"icon\" />\n        </el-icon>\n        {{ title }}\n      </div>\n      <div class=\"el-popconfirm__action\">\n        <el-button size=\"mini\" :type=\"cancelButtonType\" @click=\"cancel\">\n          {{ finalCancelButtonText }}\n        </el-button>\n        <el-button size=\"mini\" :type=\"confirmButtonType\" @click=\"confirm\">\n          {{ finalConfirmButtonText }}\n        </el-button>\n      </div>\n    </div>\n    <template #trigger>\n      <slot name=\"reference\"></slot>\n    </template>\n  </el-popper>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref, computed } from 'vue'\nimport ElButton from '@element-plus/components/button'\nimport ElIcon from '@element-plus/components/icon'\nimport ElPopper, { Effect } from '@element-plus/components/popper'\nimport { useLocaleInject } from '@element-plus/hooks'\nimport { popconfirmProps, popconfirmEmits } from './popconfirm'\n\nexport default defineComponent({\n  name: 'ElPopconfirm',\n\n  components: {\n    ElButton,\n    ElPopper,\n    ElIcon,\n  },\n\n  props: popconfirmProps,\n  emits: popconfirmEmits,\n\n  setup(props, { emit }) {\n    const { t } = useLocaleInject()\n    const visible = ref(false)\n    const confirm = () => {\n      visible.value = false\n      emit('confirm')\n    }\n    const cancel = () => {\n      visible.value = false\n      emit('cancel')\n    }\n    const finalConfirmButtonText = computed(\n      () => props.confirmButtonText || t('el.popconfirm.confirmButtonText')\n    )\n    const finalCancelButtonText = computed(\n      () => props.cancelButtonText || t('el.popconfirm.cancelButtonText')\n    )\n\n    return {\n      Effect,\n      visible,\n\n      finalConfirmButtonText,\n      finalCancelButtonText,\n\n      confirm,\n      cancel,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElButton","ElPopper","ElIcon","popconfirmProps","popconfirmEmits","useLocaleInject","ref","computed","Effect"],"mappings":";;;;;;;;;;;;;AA2CA,aAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,cACVC;AAAA,cACAC;AAAA,YACAC;AAAA;AAAA,EAGF,OAAOC;AAAA,EACP,OAAOC;AAAA,EAEP,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM,EAAE,MAAMC;AACd,UAAM,UAAUC,QAAI;AACpB,UAAM,UAAU,MAAM;AACpB,cAAQ,QAAQ;AAChB,WAAK;AAAA;AAEP,UAAM,SAAS,MAAM;AACnB,cAAQ,QAAQ;AAChB,WAAK;AAAA;AAEP,UAAM,yBAAyBC,aAC7B,MAAM,MAAM,qBAAqB,EAAE;AAErC,UAAM,wBAAwBA,aAC5B,MAAM,MAAM,oBAAoB,EAAE;AAGpC,WAAO;AAAA,cACLC;AAAA,MACA;AAAA,MAEA;AAAA,MACA;AAAA,MAEA;AAAA,MACA;AAAA;AAAA;AAAA;;;;"}

package/lib/components/popconfirm/src/popconfirm.vue_vue_type_template_id_16409d25_lang.js

@@ -0,0 +1,70 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+
+const _hoisted_1 = { class: "el-popconfirm" };
+const _hoisted_2 = { class: "el-popconfirm__main" };
+const _hoisted_3 = { class: "el-popconfirm__action" };
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_icon = vue.resolveComponent("el-icon");
+  const _component_el_button = vue.resolveComponent("el-button");
+  const _component_el_popper = vue.resolveComponent("el-popper");
+  return vue.openBlock(), vue.createBlock(_component_el_popper, {
+    visible: _ctx.visible,
+    "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => _ctx.visible = $event),
+    trigger: "click",
+    effect: _ctx.Effect.LIGHT,
+    "popper-class": "el-popover",
+    "append-to-body": "",
+    "fallback-placements": ["bottom", "top", "right", "left"]
+  }, {
+    trigger: vue.withCtx(() => [
+      vue.renderSlot(_ctx.$slots, "reference")
+    ]),
+    default: vue.withCtx(() => [
+      vue.createElementVNode("div", _hoisted_1, [
+        vue.createElementVNode("div", _hoisted_2, [
+          !_ctx.hideIcon && _ctx.icon ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
+            key: 0,
+            class: "el-popconfirm__icon",
+            style: vue.normalizeStyle({ color: _ctx.iconColor })
+          }, {
+            default: vue.withCtx(() => [
+              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon)))
+            ]),
+            _: 1
+          }, 8, ["style"])) : vue.createCommentVNode("v-if", true),
+          vue.createTextVNode(" " + vue.toDisplayString(_ctx.title), 1)
+        ]),
+        vue.createElementVNode("div", _hoisted_3, [
+          vue.createVNode(_component_el_button, {
+            size: "mini",
+            type: _ctx.cancelButtonType,
+            onClick: _ctx.cancel
+          }, {
+            default: vue.withCtx(() => [
+              vue.createTextVNode(vue.toDisplayString(_ctx.finalCancelButtonText), 1)
+            ]),
+            _: 1
+          }, 8, ["type", "onClick"]),
+          vue.createVNode(_component_el_button, {
+            size: "mini",
+            type: _ctx.confirmButtonType,
+            onClick: _ctx.confirm
+          }, {
+            default: vue.withCtx(() => [
+              vue.createTextVNode(vue.toDisplayString(_ctx.finalConfirmButtonText), 1)
+            ]),
+            _: 1
+          }, 8, ["type", "onClick"])
+        ])
+      ])
+    ]),
+    _: 3
+  }, 8, ["visible", "effect"]);
+}
+
+exports.render = render;
+//# sourceMappingURL=popconfirm.vue_vue_type_template_id_16409d25_lang.js.map

package/lib/components/popconfirm/src/popconfirm.vue_vue_type_template_id_16409d25_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popconfirm.vue_vue_type_template_id_16409d25_lang.js","sources":["../../../../../../packages/components/popconfirm/src/popconfirm.vue?vue&type=template&id=16409d25&lang.js"],"sourcesContent":["<template>\n  <el-popper\n    v-model:visible=\"visible\"\n    trigger=\"click\"\n    :effect=\"Effect.LIGHT\"\n    popper-class=\"el-popover\"\n    append-to-body\n    :fallback-placements=\"['bottom', 'top', 'right', 'left']\"\n  >\n    <div class=\"el-popconfirm\">\n      <div class=\"el-popconfirm__main\">\n        <el-icon\n          v-if=\"!hideIcon && icon\"\n          class=\"el-popconfirm__icon\"\n          :style=\"{ color: iconColor }\"\n        >\n          <component :is=\"icon\" />\n        </el-icon>\n        {{ title }}\n      </div>\n      <div class=\"el-popconfirm__action\">\n        <el-button size=\"mini\" :type=\"cancelButtonType\" @click=\"cancel\">\n          {{ finalCancelButtonText }}\n        </el-button>\n        <el-button size=\"mini\" :type=\"confirmButtonType\" @click=\"confirm\">\n          {{ finalConfirmButtonText }}\n        </el-button>\n      </div>\n    </div>\n    <template #trigger>\n      <slot name=\"reference\"></slot>\n    </template>\n  </el-popper>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref, computed } from 'vue'\nimport ElButton from '@element-plus/components/button'\nimport ElIcon from '@element-plus/components/icon'\nimport ElPopper, { Effect } from '@element-plus/components/popper'\nimport { useLocaleInject } from '@element-plus/hooks'\nimport { popconfirmProps, popconfirmEmits } from './popconfirm'\n\nexport default defineComponent({\n  name: 'ElPopconfirm',\n\n  components: {\n    ElButton,\n    ElPopper,\n    ElIcon,\n  },\n\n  props: popconfirmProps,\n  emits: popconfirmEmits,\n\n  setup(props, { emit }) {\n    const { t } = useLocaleInject()\n    const visible = ref(false)\n    const confirm = () => {\n      visible.value = false\n      emit('confirm')\n    }\n    const cancel = () => {\n      visible.value = false\n      emit('cancel')\n    }\n    const finalConfirmButtonText = computed(\n      () => props.confirmButtonText || t('el.popconfirm.confirmButtonText')\n    )\n    const finalCancelButtonText = computed(\n      () => props.cancelButtonText || t('el.popconfirm.cancelButtonText')\n    )\n\n    return {\n      Effect,\n      visible,\n\n      finalConfirmButtonText,\n      finalCancelButtonText,\n\n      confirm,\n      cancel,\n    }\n  },\n})\n</script>\n"],"names":["_createBlock","_renderSlot","_createElementVNode","_createVNode"],"mappings":";;;;;;qBASS,OAAM;qBACJ,OAAM;qBAUN,OAAM;;;;;0BAnBfA;IACU,SAAS;8DAAA;IACjB,SAAQ;AAAA,IACP,QAAQ,YAAO;AAAA,IAChB,gBAAa;AAAA,IACb,kBAAA;AAAA,IACC,uBAAqB;;IAsBX,qBACT;MAAAC;;yBArBF;MAAAC,8BAAA;QACEA,8BAAA;WAEW,iBAAY,8BADrBF;;YAEE,OAAM;AAAA,YACL,mCAAgB;;iCAEjB;gCAAAA,4CAAgB;;;;wDAEf;;QAELE,8BAAA;UACEC;YAAW,MAAK;AAAA,YAAQ,MAAM;YAAmB,SAAO;;iCACtD;sDAAG;;;;UAELA;YAAW,MAAK;AAAA,YAAQ,MAAM;YAAoB,SAAO;;iCACvD;sDAAG;;;;;;;;;;;;;"}

package/lib/components/popconfirm/src/popconfirm2.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var popconfirm_vue_vue_type_script_lang = require('./popconfirm.vue_vue&type=script&lang.js');
-var popconfirm_vue_vue_type_template_id_16409d25_lang = require('./popconfirm.vue_vue&type=template&id=16409d25&lang.js');
+var popconfirm_vue_vue_type_script_lang = require('./popconfirm.vue_vue_type_script_lang.js');
+var popconfirm_vue_vue_type_template_id_16409d25_lang = require('./popconfirm.vue_vue_type_template_id_16409d25_lang.js');
 
 popconfirm_vue_vue_type_script_lang["default"].render = popconfirm_vue_vue_type_template_id_16409d25_lang.render;
 popconfirm_vue_vue_type_script_lang["default"].__file = "packages/components/popconfirm/src/popconfirm.vue";

package/lib/components/popover/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 require('./src/index.js');
 var directive = require('./src/directive.js');
-var index_vue_vue_type_script_lang = require('./src/index.vue_vue&type=script&lang.js');
+var index_vue_vue_type_script_lang = require('./src/index.vue_vue_type_script_lang.js');
 
 index_vue_vue_type_script_lang["default"].install = (app) => {
   app.component(index_vue_vue_type_script_lang["default"].name, index_vue_vue_type_script_lang["default"]);

package/lib/components/popover/src/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index_vue_vue_type_script_lang = require('./index.vue_vue&type=script&lang.js');
+var index_vue_vue_type_script_lang = require('./index.vue_vue_type_script_lang.js');
 
 index_vue_vue_type_script_lang["default"].__file = "packages/components/popover/src/index.vue";
 

package/lib/components/popover/src/index.vue_vue_type_script_lang.js

@@ -0,0 +1,123 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+require('../../../directives/index.js');
+var index = require('../../popper/index.js');
+var error = require('../../../utils/error.js');
+var vnode = require('../../../utils/vnode.js');
+var usePopover = require('./usePopover.js');
+var defaults = require('../../popper/src/use-popper/defaults.js');
+var popper = require('../../popper/src/renderers/popper.js');
+var arrow = require('../../popper/src/renderers/arrow.js');
+var trigger = require('../../popper/src/renderers/trigger.js');
+var index$1 = require('../../../directives/click-outside/index.js');
+
+const emits = [
+  "update:visible",
+  "after-enter",
+  "after-leave",
+  usePopover.SHOW_EVENT,
+  usePopover.HIDE_EVENT
+];
+const NAME = "ElPopover";
+const _hoist = { key: 0, class: "el-popover__title", role: "title" };
+var script = vue.defineComponent({
+  name: NAME,
+  components: {
+    ElPopper: index["default"]
+  },
+  props: {
+    ...defaults["default"],
+    content: {
+      type: String
+    },
+    trigger: {
+      type: String,
+      default: "click"
+    },
+    title: {
+      type: String
+    },
+    transition: {
+      type: String,
+      default: "fade-in-linear"
+    },
+    width: {
+      type: [String, Number],
+      default: 150
+    },
+    appendToBody: {
+      type: Boolean,
+      default: true
+    },
+    tabindex: [String, Number]
+  },
+  emits,
+  setup(props, ctx) {
+    if (props.visible && !ctx.slots.reference) {
+      error.debugWarn(NAME, `
+        You cannot init popover without given reference
+      `);
+    }
+    const states = usePopover["default"](props, ctx);
+    return states;
+  },
+  render() {
+    const { $slots } = this;
+    const trigger$1 = $slots.reference ? $slots.reference() : null;
+    const title = vnode.renderIf(!!this.title, "div", _hoist, vue.toDisplayString(this.title), vnode.PatchFlags.TEXT);
+    const content = vue.renderSlot($slots, "default", {}, () => [
+      vue.createTextVNode(vue.toDisplayString(this.content), vnode.PatchFlags.TEXT)
+    ]);
+    const {
+      events,
+      onAfterEnter,
+      onAfterLeave,
+      onPopperMouseEnter,
+      onPopperMouseLeave,
+      popperStyle,
+      popperId,
+      popperClass,
+      showArrow,
+      transition,
+      visibility,
+      tabindex
+    } = this;
+    const kls = [
+      this.content ? "el-popover--plain" : "",
+      "el-popover",
+      popperClass
+    ].join(" ");
+    const popover = popper["default"]({
+      effect: defaults.Effect.LIGHT,
+      name: transition,
+      popperClass: kls,
+      popperStyle,
+      popperId,
+      visibility,
+      onMouseenter: onPopperMouseEnter,
+      onMouseleave: onPopperMouseLeave,
+      onAfterEnter,
+      onAfterLeave,
+      stopPopperMouseEvent: false
+    }, [title, content, arrow["default"](showArrow)]);
+    const _trigger = trigger$1 ? trigger["default"](trigger$1, {
+      ariaDescribedby: popperId,
+      ref: "triggerRef",
+      tabindex,
+      ...events
+    }) : vue.createCommentVNode("v-if", true);
+    return vue.h(vue.Fragment, null, [
+      this.trigger === "click" ? vue.withDirectives(_trigger, [[index$1["default"], this.hide]]) : _trigger,
+      vue.h(vue.Teleport, {
+        disabled: !this.appendToBody,
+        to: "body"
+      }, [popover])
+    ]);
+  }
+});
+
+exports["default"] = script;
+//# sourceMappingURL=index.vue_vue_type_script_lang.js.map

package/lib/components/popover/src/index.vue_vue_type_script_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/popover/src/index.vue"],"sourcesContent":["<script lang=\"ts\">\nimport {\n  defineComponent,\n  Fragment,\n  createTextVNode,\n  renderSlot,\n  toDisplayString,\n  createCommentVNode,\n  withDirectives,\n  Teleport,\n  h,\n} from 'vue'\nimport { ClickOutside } from '@element-plus/directives'\nimport ElPopper, {\n  popperDefaultProps,\n  Effect,\n  renderArrow,\n  renderPopper,\n  renderTrigger,\n} from '@element-plus/components/popper'\nimport { debugWarn } from '@element-plus/utils/error'\nimport { renderIf, PatchFlags } from '@element-plus/utils/vnode'\nimport usePopover, { SHOW_EVENT, HIDE_EVENT } from './usePopover'\n\nimport type { PropType } from 'vue'\nimport type { TriggerType } from '@element-plus/components/popper'\n\nconst emits = [\n  'update:visible',\n  'after-enter',\n  'after-leave',\n  SHOW_EVENT,\n  HIDE_EVENT,\n]\nconst NAME = 'ElPopover'\n\nconst _hoist = { key: 0, class: 'el-popover__title', role: 'title' }\n\nexport default defineComponent({\n  name: NAME,\n  components: {\n    ElPopper,\n  },\n  props: {\n    ...popperDefaultProps,\n    content: {\n      type: String,\n    },\n    trigger: {\n      type: String as PropType<TriggerType>,\n      default: 'click',\n    },\n    title: {\n      type: String,\n    },\n    transition: {\n      type: String,\n      default: 'fade-in-linear',\n    },\n    width: {\n      type: [String, Number],\n      default: 150,\n    },\n    appendToBody: {\n      type: Boolean,\n      default: true,\n    },\n    tabindex: [String, Number],\n  },\n  emits,\n  setup(props, ctx) {\n    if (props.visible && !ctx.slots.reference) {\n      debugWarn(\n        NAME,\n        `\n        You cannot init popover without given reference\n      `\n      )\n    }\n    const states = usePopover(props, ctx)\n\n    return states\n  },\n  render() {\n    const { $slots } = this\n    const trigger = $slots.reference ? $slots.reference() : null\n\n    const title = renderIf(\n      !!this.title,\n      'div',\n      _hoist,\n      toDisplayString(this.title),\n      PatchFlags.TEXT\n    )\n\n    const content = renderSlot($slots, 'default', {}, () => [\n      createTextVNode(toDisplayString(this.content), PatchFlags.TEXT),\n    ])\n\n    const {\n      events,\n      onAfterEnter,\n      onAfterLeave,\n      onPopperMouseEnter,\n      onPopperMouseLeave,\n      popperStyle,\n      popperId,\n      popperClass,\n      showArrow,\n      transition,\n      visibility,\n      tabindex,\n    } = this\n\n    const kls = [\n      this.content ? 'el-popover--plain' : '',\n      'el-popover',\n      popperClass,\n    ].join(' ')\n\n    const popover = renderPopper(\n      {\n        effect: Effect.LIGHT,\n        name: transition,\n        popperClass: kls,\n        popperStyle,\n        popperId,\n        visibility,\n        onMouseenter: onPopperMouseEnter,\n        onMouseleave: onPopperMouseLeave,\n        onAfterEnter,\n        onAfterLeave,\n        stopPopperMouseEvent: false,\n      },\n      [title, content, renderArrow(showArrow)]\n    )\n\n    // when user uses popover directively, trigger will be null so that we only\n    // render a popper window for displaying contents\n    const _trigger = trigger\n      ? renderTrigger(trigger, {\n          ariaDescribedby: popperId,\n          ref: 'triggerRef',\n          tabindex,\n          ...events,\n        })\n      : createCommentVNode('v-if', true)\n\n    return h(Fragment, null, [\n      this.trigger === 'click'\n        ? withDirectives(_trigger, [[ClickOutside, this.hide]])\n        : _trigger,\n      h(\n        Teleport as any,\n        {\n          disabled: !this.appendToBody,\n          to: 'body',\n        },\n        [popover]\n      ),\n    ])\n  },\n})\n</script>\n"],"names":["SHOW_EVENT","HIDE_EVENT","defineComponent","ElPopper","popperDefaultProps","usePopover","trigger","renderIf","toDisplayString","PatchFlags","renderSlot","createTextVNode","renderPopper","Effect","renderArrow","renderTrigger","createCommentVNode","h","Fragment","withDirectives","ClickOutside","Teleport"],"mappings":";;;;;;;;;;;;;;;;AA2BA,MAAM,QAAQ;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACAA;AAAA,EACAC;AAAA;AAEF,MAAM,OAAO;AAEb,MAAM,SAAS,EAAE,KAAK,GAAG,OAAO,qBAAqB,MAAM;AAE3D,aAAeC,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,cACVC;AAAA;AAAA,EAEF,OAAO;AAAA,OACFC;AAAA,IACH,SAAS;AAAA,MACP,MAAM;AAAA;AAAA,IAER,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,OAAO;AAAA,MACL,MAAM;AAAA;AAAA,IAER,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,OAAO;AAAA,MACL,MAAM,CAAC,QAAQ;AAAA,MACf,SAAS;AAAA;AAAA,IAEX,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,UAAU,CAAC,QAAQ;AAAA;AAAA,EAErB;AAAA,EACA,MAAM,OAAO,KAAK;AAChB,QAAI,MAAM,WAAW,CAAC,IAAI,MAAM,WAAW;AACzC,sBACE,MACA;AAAA;AAAA;AAAA;AAKJ,UAAM,SAASC,sBAAW,OAAO;AAEjC,WAAO;AAAA;AAAA,EAET,SAAS;AACP,UAAM,EAAE,WAAW;AACnB,UAAMC,YAAU,OAAO,YAAY,OAAO,cAAc;AAExD,UAAM,QAAQC,eACZ,CAAC,CAAC,KAAK,OACP,OACA,QACAC,oBAAgB,KAAK,QACrBC,iBAAW;AAGb,UAAM,UAAUC,eAAW,QAAQ,WAAW,IAAI,MAAM;AAAA,MACtDC,oBAAgBH,oBAAgB,KAAK,UAAUC,iBAAW;AAAA;AAG5D,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,QACE;AAEJ,UAAM,MAAM;AAAA,MACV,KAAK,UAAU,sBAAsB;AAAA,MACrC;AAAA,MACA;AAAA,MACA,KAAK;AAEP,UAAM,UAAUG,kBACd;AAAA,MACE,QAAQC,gBAAO;AAAA,MACf,MAAM;AAAA,MACN,aAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAc;AAAA,MACd,cAAc;AAAA,MACd;AAAA,MACA;AAAA,MACA,sBAAsB;AAAA,OAExB,CAAC,OAAO,SAASC,iBAAY;AAK/B,UAAM,WAAWR,YACbS,mBAAcT,WAAS;AAAA,MACrB,iBAAiB;AAAA,MACjB,KAAK;AAAA,MACL;AAAA,SACG;AAAA,SAELU,uBAAmB,QAAQ;AAE/B,WAAOC,MAAEC,cAAU,MAAM;AAAA,MACvB,KAAK,YAAY,UACbC,mBAAe,UAAU,CAAC,CAACC,oBAAc,KAAK,UAC9C;AAAA,MACJH,MACEI,cACA;AAAA,QACE,UAAU,CAAC,KAAK;AAAA,QAChB,IAAI;AAAA,SAEN,CAAC;AAAA;AAAA;AAAA;;;;"}

package/lib/components/popper/index.js

@@ -6,7 +6,7 @@ require('./src/index.js');
 var defaults = require('./src/use-popper/defaults.js');
 require('./src/renderers/index.js');
 var index = require('./src/use-popper/index.js');
-var index_vue_vue_type_script_lang = require('./src/index.vue_vue&type=script&lang.js');
+var index_vue_vue_type_script_lang = require('./src/index.vue_vue_type_script_lang.js');
 var popper = require('./src/renderers/popper.js');
 var trigger = require('./src/renderers/trigger.js');
 var arrow = require('./src/renderers/arrow.js');
@@ -17,10 +17,7 @@ index_vue_vue_type_script_lang["default"].install = (app) => {
 const _Popper = index_vue_vue_type_script_lang["default"];
 const ElPopper = _Popper;
 
-Object.defineProperty(exports, 'Effect', {
-  enumerable: true,
-  get: function () { return defaults.Effect; }
-});
+exports.Effect = defaults.Effect;
 exports.popperDefaultProps = defaults["default"];
 exports.usePopper = index["default"];
 exports.renderPopper = popper["default"];

package/lib/components/popper/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../packages/components/popper/index.ts"],"sourcesContent":["import Popper from './src/index.vue'\n\nimport type { App } from 'vue'\nimport type { SFCWithInstall } from '@element-plus/utils/types'\n\nPopper.install = (app: App): void => {\n  app.component(Popper.name, Popper)\n}\n\nconst _Popper = Popper as SFCWithInstall<typeof Popper>\n\nexport default _Popper\nexport const ElPopper = _Popper\n\nexport {\n  default as popperDefaultProps,\n  Effect,\n} from './src/use-popper/defaults'\nexport * from './src/renderers'\nexport { default as usePopper } from './src/use-popper'\nexport type { Placement, Options } from '@popperjs/core'\nexport type { EmitType } from './src/use-popper'\nexport type {\n  TriggerType,\n  IPopperOptions,\n  PopperInstance,\n} from './src/use-popper/defaults'\n"],"names":["Popper"],"mappings":";;;;;;;;;;;;;AAKAA,0CAAO,UAAU,CAAC,QAAmB;AACnC,MAAI,UAAUA,0CAAO,MAAMA;AAAA;MAGvB,UAAUA;MAGH,WAAW;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../packages/components/popper/index.ts"],"sourcesContent":["import Popper from './src/index.vue'\n\nimport type { App } from 'vue'\nimport type { SFCWithInstall } from '@element-plus/utils/types'\n\nPopper.install = (app: App): void => {\n  app.component(Popper.name, Popper)\n}\n\nconst _Popper = Popper as SFCWithInstall<typeof Popper>\n\nexport default _Popper\nexport const ElPopper = _Popper\n\nexport {\n  default as popperDefaultProps,\n  Effect,\n} from './src/use-popper/defaults'\nexport * from './src/renderers'\nexport { default as usePopper } from './src/use-popper'\nexport type { Placement, Options } from '@popperjs/core'\nexport type { EmitType } from './src/use-popper'\nexport type {\n  TriggerType,\n  IPopperOptions,\n  PopperInstance,\n} from './src/use-popper/defaults'\n"],"names":["Popper"],"mappings":";;;;;;;;;;;;;AAKAA,0CAAO,UAAU,CAAC,QAAmB;AACnC,MAAI,UAAUA,0CAAO,MAAMA;AAAA;MAGvB,UAAUA;MAGH,WAAW;;;;;;;;;;;"}

package/lib/components/popper/src/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index_vue_vue_type_script_lang = require('./index.vue_vue&type=script&lang.js');
+var index_vue_vue_type_script_lang = require('./index.vue_vue_type_script_lang.js');
 
 index_vue_vue_type_script_lang["default"].__file = "packages/components/popper/src/index.vue";
 

package/lib/components/popper/src/index.vue_vue_type_script_lang.js

@@ -0,0 +1,107 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+require('../../../directives/index.js');
+var error = require('../../../utils/error.js');
+var index = require('./use-popper/index.js');
+var defaults = require('./use-popper/defaults.js');
+require('./renderers/index.js');
+var arrow = require('./renderers/arrow.js');
+var popper = require('./renderers/popper.js');
+var trigger = require('./renderers/trigger.js');
+var index$1 = require('../../../directives/click-outside/index.js');
+
+const compName = "ElPopper";
+const UPDATE_VISIBLE_EVENT = "update:visible";
+var script = vue.defineComponent({
+  name: compName,
+  props: defaults["default"],
+  emits: [
+    UPDATE_VISIBLE_EVENT,
+    "after-enter",
+    "after-leave",
+    "before-enter",
+    "before-leave"
+  ],
+  setup(props, ctx) {
+    if (!ctx.slots.trigger) {
+      error.throwError(compName, "Trigger must be provided");
+    }
+    const popperStates = index["default"](props, ctx);
+    const forceDestroy = () => popperStates.doDestroy(true);
+    vue.onMounted(popperStates.initializePopper);
+    vue.onBeforeUnmount(forceDestroy);
+    vue.onActivated(popperStates.initializePopper);
+    vue.onDeactivated(forceDestroy);
+    return popperStates;
+  },
+  render() {
+    var _a;
+    const {
+      $slots,
+      appendToBody,
+      class: kls,
+      style,
+      effect,
+      hide,
+      onPopperMouseEnter,
+      onPopperMouseLeave,
+      onAfterEnter,
+      onAfterLeave,
+      onBeforeEnter,
+      onBeforeLeave,
+      popperClass,
+      popperId,
+      popperStyle,
+      pure,
+      showArrow,
+      transition,
+      visibility,
+      stopPopperMouseEvent
+    } = this;
+    const isManual = this.isManualMode();
+    const arrow$1 = arrow["default"](showArrow);
+    const popper$1 = popper["default"]({
+      effect,
+      name: transition,
+      popperClass,
+      popperId,
+      popperStyle,
+      pure,
+      stopPopperMouseEvent,
+      onMouseenter: onPopperMouseEnter,
+      onMouseleave: onPopperMouseLeave,
+      onAfterEnter,
+      onAfterLeave,
+      onBeforeEnter,
+      onBeforeLeave,
+      visibility
+    }, [
+      vue.renderSlot($slots, "default", {}, () => {
+        return [vue.toDisplayString(this.content)];
+      }),
+      arrow$1
+    ]);
+    const _t = (_a = $slots.trigger) == null ? void 0 : _a.call($slots);
+    const triggerProps = {
+      "aria-describedby": popperId,
+      class: kls,
+      style,
+      ref: "triggerRef",
+      ...this.events
+    };
+    const trigger$1 = isManual ? trigger["default"](_t, triggerProps) : vue.withDirectives(trigger["default"](_t, triggerProps), [[index$1["default"], hide]]);
+    return vue.h(vue.Fragment, null, [
+      trigger$1,
+      vue.h(vue.Teleport, {
+        to: "body",
+        disabled: !appendToBody
+      }, [popper$1])
+    ]);
+  }
+});
+
+exports["default"] = script;
+//# sourceMappingURL=index.vue_vue_type_script_lang.js.map

package/lib/components/popper/src/index.vue_vue_type_script_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/popper/src/index.vue"],"sourcesContent":["<script lang=\"ts\">\nimport {\n  defineComponent,\n  Fragment,\n  Teleport,\n  onBeforeUnmount,\n  onDeactivated,\n  onActivated,\n  onMounted,\n  renderSlot,\n  toDisplayString,\n  withDirectives,\n  h,\n} from 'vue'\nimport { ClickOutside } from '@element-plus/directives'\nimport { throwError } from '@element-plus/utils/error'\n\nimport usePopper from './use-popper/index'\nimport defaultProps from './use-popper/defaults'\nimport { renderPopper, renderTrigger, renderArrow } from './renderers'\n\nconst compName = 'ElPopper'\nconst UPDATE_VISIBLE_EVENT = 'update:visible'\n\nexport default defineComponent({\n  name: compName,\n  props: defaultProps,\n  emits: [\n    UPDATE_VISIBLE_EVENT,\n    'after-enter',\n    'after-leave',\n    'before-enter',\n    'before-leave',\n  ],\n  setup(props, ctx) {\n    if (!ctx.slots.trigger) {\n      throwError(compName, 'Trigger must be provided')\n    }\n    // this is a reference that we need to pass down to child component\n    // to obtain the child instance\n\n    // return usePopper(props as IPopperOptions, ctx as SetupContext)\n    const popperStates = usePopper(props, ctx)\n\n    const forceDestroy = () => popperStates.doDestroy(true)\n    onMounted(popperStates.initializePopper)\n    onBeforeUnmount(forceDestroy)\n    onActivated(popperStates.initializePopper)\n    onDeactivated(forceDestroy)\n\n    return popperStates\n  },\n\n  render() {\n    const {\n      $slots,\n      appendToBody,\n      class: kls,\n      style,\n      effect,\n      hide,\n      onPopperMouseEnter,\n      onPopperMouseLeave,\n      onAfterEnter,\n      onAfterLeave,\n      onBeforeEnter,\n      onBeforeLeave,\n      popperClass,\n      popperId,\n      popperStyle,\n      pure,\n      showArrow,\n      transition,\n      visibility,\n      stopPopperMouseEvent,\n    } = this\n\n    const isManual = this.isManualMode()\n    const arrow = renderArrow(showArrow)\n    const popper = renderPopper(\n      {\n        effect,\n        name: transition,\n        popperClass,\n        popperId,\n        popperStyle,\n        pure,\n        stopPopperMouseEvent,\n        onMouseenter: onPopperMouseEnter,\n        onMouseleave: onPopperMouseLeave,\n        onAfterEnter,\n        onAfterLeave,\n        onBeforeEnter,\n        onBeforeLeave,\n        visibility,\n      },\n      [\n        renderSlot($slots, 'default', {}, () => {\n          return [toDisplayString(this.content)]\n        }),\n        arrow,\n      ]\n    )\n\n    const _t = $slots.trigger?.()\n\n    const triggerProps = {\n      'aria-describedby': popperId,\n      class: kls,\n      style,\n      ref: 'triggerRef',\n      ...this.events,\n    }\n\n    const trigger = isManual\n      ? renderTrigger(_t, triggerProps)\n      : withDirectives(renderTrigger(_t, triggerProps), [[ClickOutside, hide]])\n\n    return h(Fragment, null, [\n      trigger,\n      h(\n        Teleport as any, // Vue did not support createVNode for Teleport\n        {\n          to: 'body',\n          disabled: !appendToBody,\n        },\n        [popper]\n      ),\n    ])\n  },\n})\n</script>\n"],"names":["defineComponent","defaultProps","usePopper","arrow","renderArrow","popper","renderPopper","renderSlot","toDisplayString","trigger","renderTrigger","withDirectives","ClickOutside","h","Fragment","Teleport"],"mappings":";;;;;;;;;;;;;;;AAqBA,MAAM,WAAW;AACjB,MAAM,uBAAuB;AAE7B,aAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAOC;AAAA,EACP,OAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,EAEF,MAAM,OAAO,KAAK;AAChB,QAAI,CAAC,IAAI,MAAM,SAAS;AACtB,uBAAW,UAAU;AAAA;AAMvB,UAAM,eAAeC,iBAAU,OAAO;AAEtC,UAAM,eAAe,MAAM,aAAa,UAAU;AAClD,kBAAU,aAAa;AACvB,wBAAgB;AAChB,oBAAY,aAAa;AACzB,sBAAc;AAEd,WAAO;AAAA;AAAA,EAGT,SAAS;;AACP,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,QACE;AAEJ,UAAM,WAAW,KAAK;AACtB,UAAMC,UAAQC,iBAAY;AAC1B,UAAMC,WAASC,kBACb;AAAA,MACE;AAAA,MACA,MAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAc;AAAA,MACd,cAAc;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,OAEF;AAAA,MACEC,eAAW,QAAQ,WAAW,IAAI,MAAM;AACtC,eAAO,CAACC,oBAAgB,KAAK;AAAA;AAAA,MAE/BL;AAAA;AAIJ,UAAM,KAAK,aAAO,YAAP;AAEX,UAAM,eAAe;AAAA,MACnB,oBAAoB;AAAA,MACpB,OAAO;AAAA,MACP;AAAA,MACA,KAAK;AAAA,SACF,KAAK;AAAA;AAGV,UAAMM,YAAU,WACZC,mBAAc,IAAI,gBAClBC,mBAAeD,mBAAc,IAAI,eAAe,CAAC,CAACE,oBAAc;AAEpE,WAAOC,MAAEC,cAAU,MAAM;AAAA,MACvBL;AAAA,MACAI,MACEE,cACA;AAAA,QACE,IAAI;AAAA,QACJ,UAAU,CAAC;AAAA,SAEb,CAACV;AAAA;AAAA;AAAA;;;;"}

package/lib/components/popper/src/use-popper/defaults.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-exports.Effect = void 0;
-(function(Effect2) {
+var Effect = /* @__PURE__ */ ((Effect2) => {
   Effect2["DARK"] = "dark";
   Effect2["LIGHT"] = "light";
-})(exports.Effect || (exports.Effect = {}));
+  return Effect2;
+})(Effect || {});
 const DEFAULT_FALLBACK_PLACEMENTS = [];
 var popperDefaultProps = {
   arrowOffset: {
@@ -48,7 +48,7 @@ var popperDefaultProps = {
   },
   effect: {
     type: String,
-    default: exports.Effect.DARK
+    default: "dark"
   },
   enterable: {
     type: Boolean,
@@ -116,5 +116,6 @@ var popperDefaultProps = {
   }
 };
 
+exports.Effect = Effect;
 exports["default"] = popperDefaultProps;
 //# sourceMappingURL=defaults.js.map

package/lib/components/popper/src/use-popper/defaults.js.map

@@ -1 +1 @@
-{"version":3,"file":"defaults.js","sources":["../../../../../../../packages/components/popper/src/use-popper/defaults.ts"],"sourcesContent":["import type { PropType } from 'vue'\nimport type {\n  Placement,\n  PositioningStrategy,\n  Instance as PopperInstance,\n  Options,\n} from '@popperjs/core'\nimport type { Nullable } from '@element-plus/utils/types'\n\nexport enum Effect {\n  DARK = 'dark',\n  LIGHT = 'light',\n}\n\nexport type RefElement = Nullable<HTMLElement>\nexport type Offset = [number, number] | number\n\nexport type { Placement, PositioningStrategy, PopperInstance, Options }\n\nexport type TriggerType = 'click' | 'hover' | 'focus' | 'manual'\n\nexport type Trigger = TriggerType | TriggerType[]\n\nexport type IPopperOptions = {\n  arrowOffset: number\n  autoClose: number\n  boundariesPadding: number\n  class: string\n  cutoff: boolean\n  disabled: boolean\n  enterable: boolean\n  hideAfter: number\n  manualMode: boolean\n  offset: number\n  placement: Placement\n  popperOptions: Partial<Options>\n  showAfter: number\n  showArrow: boolean\n  strategy: PositioningStrategy\n  trigger: Trigger\n  visible: boolean\n  stopPopperMouseEvent: boolean\n  gpuAcceleration: boolean\n  fallbackPlacements: Array<Placement>\n}\n\n// duplicate export at index.ts\n// export const DEFAULT_TRIGGER = 'hover'\nconst DEFAULT_FALLBACK_PLACEMENTS = []\n\nexport default {\n  // the arrow size is an equailateral triangle with 10px side length, the 3rd side length ~ 14.1px\n  // adding a offset to the ceil of 4.1 should be 5 this resolves the problem of arrow overflowing out of popper.\n  arrowOffset: {\n    type: Number,\n    default: 5,\n  },\n  appendToBody: {\n    type: Boolean,\n    default: true,\n  },\n  autoClose: {\n    type: Number,\n    default: 0,\n  },\n  boundariesPadding: {\n    type: Number,\n    default: 0,\n  },\n  content: {\n    type: String,\n    default: '',\n  },\n  class: {\n    type: String,\n    default: '',\n  },\n  style: Object,\n  hideAfter: {\n    type: Number,\n    default: 200,\n  },\n  cutoff: {\n    type: Boolean,\n    default: false,\n  },\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n  effect: {\n    type: String as PropType<Effect>,\n    default: Effect.DARK,\n  },\n  enterable: {\n    type: Boolean,\n    default: true,\n  },\n  manualMode: {\n    type: Boolean,\n    default: false,\n  },\n  showAfter: {\n    type: Number,\n    default: 0,\n  },\n  offset: {\n    type: Number,\n    default: 12,\n  },\n  placement: {\n    type: String as PropType<Placement>,\n    default: 'bottom' as Placement,\n  },\n  popperClass: {\n    type: String,\n    default: '',\n  },\n  pure: {\n    type: Boolean,\n    default: false,\n  },\n  // Once this option were given, the entire popper is under the users' control, top priority\n  popperOptions: {\n    type: Object as PropType<Partial<Options>>,\n    default: () => null,\n  },\n  showArrow: {\n    type: Boolean,\n    default: true,\n  },\n  strategy: {\n    type: String as PropType<PositioningStrategy>,\n    default: 'fixed' as PositioningStrategy,\n  },\n  transition: {\n    type: String,\n    default: 'el-fade-in-linear',\n  },\n  trigger: {\n    type: [String, Array] as PropType<Trigger>,\n    default: 'hover',\n  },\n  visible: {\n    type: Boolean,\n    default: undefined,\n  },\n  stopPopperMouseEvent: {\n    type: Boolean,\n    default: true,\n  },\n  gpuAcceleration: {\n    type: Boolean,\n    default: true,\n  },\n  fallbackPlacements: {\n    type: Array as PropType<Placement[]>,\n    default: DEFAULT_FALLBACK_PLACEMENTS,\n  },\n}\n"],"names":["Effect"],"mappings":";;;;AASYA;AAAL,UAAK,SAAL;AACL,oBAAO;AACP,qBAAQ;AAAA,GAFEA;AAuCZ,MAAM,8BAA8B;AAEpC,yBAAe;AAAA,EAGb,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,mBAAmB;AAAA,IACjB,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,OAAO;AAAA,EACP,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAASA,eAAO;AAAA;AAAA,EAElB,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAGX,eAAe;AAAA,IACb,MAAM;AAAA,IACN,SAAS,MAAM;AAAA;AAAA,EAEjB,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,SAAS;AAAA,IACP,MAAM,CAAC,QAAQ;AAAA,IACf,SAAS;AAAA;AAAA,EAEX,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,sBAAsB;AAAA,IACpB,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,oBAAoB;AAAA,IAClB,MAAM;AAAA,IACN,SAAS;AAAA;AAAA;;;;"}
+{"version":3,"file":"defaults.js","sources":["../../../../../../../packages/components/popper/src/use-popper/defaults.ts"],"sourcesContent":["import type { PropType } from 'vue'\nimport type {\n  Placement,\n  PositioningStrategy,\n  Instance as PopperInstance,\n  Options,\n} from '@popperjs/core'\nimport type { Nullable } from '@element-plus/utils/types'\n\nexport enum Effect {\n  DARK = 'dark',\n  LIGHT = 'light',\n}\n\nexport type RefElement = Nullable<HTMLElement>\nexport type Offset = [number, number] | number\n\nexport type { Placement, PositioningStrategy, PopperInstance, Options }\n\nexport type TriggerType = 'click' | 'hover' | 'focus' | 'manual'\n\nexport type Trigger = TriggerType | TriggerType[]\n\nexport type IPopperOptions = {\n  arrowOffset: number\n  autoClose: number\n  boundariesPadding: number\n  class: string\n  cutoff: boolean\n  disabled: boolean\n  enterable: boolean\n  hideAfter: number\n  manualMode: boolean\n  offset: number\n  placement: Placement\n  popperOptions: Partial<Options>\n  showAfter: number\n  showArrow: boolean\n  strategy: PositioningStrategy\n  trigger: Trigger\n  visible: boolean\n  stopPopperMouseEvent: boolean\n  gpuAcceleration: boolean\n  fallbackPlacements: Array<Placement>\n}\n\n// duplicate export at index.ts\n// export const DEFAULT_TRIGGER = 'hover'\nconst DEFAULT_FALLBACK_PLACEMENTS = []\n\nexport default {\n  // the arrow size is an equailateral triangle with 10px side length, the 3rd side length ~ 14.1px\n  // adding a offset to the ceil of 4.1 should be 5 this resolves the problem of arrow overflowing out of popper.\n  arrowOffset: {\n    type: Number,\n    default: 5,\n  },\n  appendToBody: {\n    type: Boolean,\n    default: true,\n  },\n  autoClose: {\n    type: Number,\n    default: 0,\n  },\n  boundariesPadding: {\n    type: Number,\n    default: 0,\n  },\n  content: {\n    type: String,\n    default: '',\n  },\n  class: {\n    type: String,\n    default: '',\n  },\n  style: Object,\n  hideAfter: {\n    type: Number,\n    default: 200,\n  },\n  cutoff: {\n    type: Boolean,\n    default: false,\n  },\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n  effect: {\n    type: String as PropType<Effect>,\n    default: Effect.DARK,\n  },\n  enterable: {\n    type: Boolean,\n    default: true,\n  },\n  manualMode: {\n    type: Boolean,\n    default: false,\n  },\n  showAfter: {\n    type: Number,\n    default: 0,\n  },\n  offset: {\n    type: Number,\n    default: 12,\n  },\n  placement: {\n    type: String as PropType<Placement>,\n    default: 'bottom' as Placement,\n  },\n  popperClass: {\n    type: String,\n    default: '',\n  },\n  pure: {\n    type: Boolean,\n    default: false,\n  },\n  // Once this option were given, the entire popper is under the users' control, top priority\n  popperOptions: {\n    type: Object as PropType<Partial<Options>>,\n    default: () => null,\n  },\n  showArrow: {\n    type: Boolean,\n    default: true,\n  },\n  strategy: {\n    type: String as PropType<PositioningStrategy>,\n    default: 'fixed' as PositioningStrategy,\n  },\n  transition: {\n    type: String,\n    default: 'el-fade-in-linear',\n  },\n  trigger: {\n    type: [String, Array] as PropType<Trigger>,\n    default: 'hover',\n  },\n  visible: {\n    type: Boolean,\n    default: undefined,\n  },\n  stopPopperMouseEvent: {\n    type: Boolean,\n    default: true,\n  },\n  gpuAcceleration: {\n    type: Boolean,\n    default: true,\n  },\n  fallbackPlacements: {\n    type: Array as PropType<Placement[]>,\n    default: DEFAULT_FALLBACK_PLACEMENTS,\n  },\n}\n"],"names":[],"mappings":";;;;IASY,2BAAA,YAAL;AACL,oBAAO;AACP,qBAAQ;AAFE;AAAA;AAuCZ,MAAM,8BAA8B;AAEpC,yBAAe;AAAA,EAGb,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,mBAAmB;AAAA,IACjB,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,OAAO;AAAA,EACP,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAGX,eAAe;AAAA,IACb,MAAM;AAAA,IACN,SAAS,MAAM;AAAA;AAAA,EAEjB,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,SAAS;AAAA,IACP,MAAM,CAAC,QAAQ;AAAA,IACf,SAAS;AAAA;AAAA,EAEX,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,sBAAsB;AAAA,IACpB,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,oBAAoB;AAAA,IAClB,MAAM;AAAA,IACN,SAAS;AAAA;AAAA;;;;;"}

package/lib/components/popper/src/use-popper/index.js

@@ -231,10 +231,7 @@ function usePopper(props, { emit }) {
   };
 }
 
-Object.defineProperty(exports, 'Effect', {
-  enumerable: true,
-  get: function () { return defaults.Effect; }
-});
+exports.Effect = defaults.Effect;
 exports.DEFAULT_TRIGGER = DEFAULT_TRIGGER;
 exports.UPDATE_VISIBLE_EVENT = UPDATE_VISIBLE_EVENT;
 exports["default"] = usePopper;

package/lib/components/popper/src/use-popper/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../packages/components/popper/src/use-popper/index.ts"],"sourcesContent":["import { computed, ref, reactive, watch, unref } from 'vue'\nimport { createPopper } from '@popperjs/core'\nimport {\n  generateId,\n  isBool,\n  isHTMLElement,\n  isArray,\n  isString,\n} from '@element-plus/utils/util'\nimport PopupManager from '@element-plus/utils/popup-manager'\nimport usePopperOptions from './popper-options'\n\nimport type {\n  ComponentPublicInstance,\n  CSSProperties,\n  SetupContext,\n  Ref,\n} from 'vue'\nimport type { TimeoutHandle, Nullable } from '@element-plus/utils/types'\nimport type {\n  IPopperOptions,\n  TriggerType,\n  PopperInstance,\n  RefElement,\n} from './defaults'\n\nexport type ElementType = ComponentPublicInstance | HTMLElement\nexport type EmitType =\n  | 'update:visible'\n  | 'after-enter'\n  | 'after-leave'\n  | 'before-enter'\n  | 'before-leave'\n\nexport interface PopperEvents {\n  onClick?: (e: Event) => void\n  onMouseenter?: (e: Event) => void\n  onMouseleave?: (e: Event) => void\n  onFocus?: (e: Event) => void\n  onBlur?: (e: Event) => void\n}\n\nexport const DEFAULT_TRIGGER = ['hover']\nexport const UPDATE_VISIBLE_EVENT = 'update:visible'\nexport default function (\n  props: IPopperOptions,\n  { emit }: SetupContext<EmitType[]>\n) {\n  const arrowRef = ref<RefElement>(null)\n  const triggerRef = ref(null) as Ref<ElementType>\n  const popperRef = ref<RefElement>(null)\n\n  const popperId = `el-popper-${generateId()}`\n  let popperInstance: Nullable<PopperInstance> = null\n  let showTimer: Nullable<TimeoutHandle> = null\n  let hideTimer: Nullable<TimeoutHandle> = null\n  let triggerFocused = false\n\n  const isManualMode = () => props.manualMode || props.trigger === 'manual'\n\n  const popperStyle = ref<CSSProperties>({ zIndex: PopupManager.nextZIndex() })\n\n  const popperOptions = usePopperOptions(props, {\n    arrow: arrowRef,\n  })\n\n  const state = reactive({\n    visible: !!props.visible,\n  })\n  // visible has been taken by props.visible, avoiding name collision\n  // Either marking type here or setter parameter\n  const visibility = computed<boolean>({\n    get() {\n      if (props.disabled) {\n        return false\n      } else {\n        return isBool(props.visible) ? props.visible : state.visible\n      }\n    },\n    set(val) {\n      if (isManualMode()) return\n      isBool(props.visible)\n        ? emit(UPDATE_VISIBLE_EVENT, val)\n        : (state.visible = val)\n    },\n  })\n\n  function _show() {\n    if (props.autoClose > 0) {\n      hideTimer = window.setTimeout(() => {\n        _hide()\n      }, props.autoClose)\n    }\n    visibility.value = true\n  }\n\n  function _hide() {\n    visibility.value = false\n  }\n\n  function clearTimers() {\n    clearTimeout(showTimer)\n    clearTimeout(hideTimer)\n  }\n\n  const show = () => {\n    if (isManualMode() || props.disabled) return\n    clearTimers()\n    if (props.showAfter === 0) {\n      _show()\n    } else {\n      showTimer = window.setTimeout(() => {\n        _show()\n      }, props.showAfter)\n    }\n  }\n\n  const hide = () => {\n    if (isManualMode()) return\n    clearTimers()\n    if (props.hideAfter > 0) {\n      hideTimer = window.setTimeout(() => {\n        close()\n      }, props.hideAfter)\n    } else {\n      close()\n    }\n  }\n  const close = () => {\n    _hide()\n    if (props.disabled) {\n      doDestroy(true)\n    }\n  }\n\n  function onPopperMouseEnter() {\n    // if trigger is click, user won't be able to close popper when\n    // user tries to move the mouse over popper contents\n    if (props.enterable && props.trigger !== 'click') {\n      clearTimeout(hideTimer)\n    }\n  }\n\n  function onPopperMouseLeave() {\n    const { trigger } = props\n    const shouldPrevent =\n      (isString(trigger) && (trigger === 'click' || trigger === 'focus')) ||\n      // we'd like to test array type trigger here, but the only case we need to cover is trigger === 'click' or\n      // trigger === 'focus', because that when trigger is string\n      // trigger.length === 1 and trigger[0] === 5 chars string is mutually exclusive.\n      // so there will be no need to test if trigger is array type.\n      (trigger.length === 1 &&\n        (trigger[0] === 'click' || trigger[0] === 'focus'))\n\n    if (shouldPrevent) return\n\n    hide()\n  }\n\n  function initializePopper() {\n    if (!unref(visibility)) {\n      return\n    }\n    const unwrappedTrigger = unref(triggerRef)\n    const _trigger = isHTMLElement(unwrappedTrigger)\n      ? unwrappedTrigger\n      : (unwrappedTrigger as ComponentPublicInstance).$el\n    popperInstance = createPopper(\n      _trigger,\n      unref(popperRef),\n      unref(popperOptions)\n    )\n\n    popperInstance.update()\n  }\n\n  function doDestroy(forceDestroy?: boolean) {\n    /* istanbul ignore if */\n    if (!popperInstance || (unref(visibility) && !forceDestroy)) return\n    detachPopper()\n  }\n\n  function detachPopper() {\n    popperInstance?.destroy?.()\n    popperInstance = null\n  }\n\n  const events = {} as PopperEvents\n\n  function update() {\n    if (!unref(visibility)) {\n      return\n    }\n    if (popperInstance) {\n      popperInstance.update()\n    } else {\n      initializePopper()\n    }\n  }\n\n  function onVisibilityChange(toState: boolean) {\n    if (toState) {\n      popperStyle.value.zIndex = PopupManager.nextZIndex()\n      initializePopper()\n    }\n  }\n\n  if (!isManualMode()) {\n    const toggleState = () => {\n      if (unref(visibility)) {\n        hide()\n      } else {\n        show()\n      }\n    }\n\n    const popperEventsHandler = (e: Event) => {\n      e.stopPropagation()\n      switch (e.type) {\n        case 'click': {\n          if (triggerFocused) {\n            // reset previous focus event\n            triggerFocused = false\n          } else {\n            toggleState()\n          }\n          break\n        }\n        case 'mouseenter': {\n          show()\n          break\n        }\n        case 'mouseleave': {\n          hide()\n          break\n        }\n        case 'focus': {\n          triggerFocused = true\n          show()\n          break\n        }\n        case 'blur': {\n          triggerFocused = false\n          hide()\n          break\n        }\n      }\n    }\n\n    const triggerEventsMap: Partial<\n      Record<TriggerType, (keyof PopperEvents)[]>\n    > = {\n      click: ['onClick'],\n      hover: ['onMouseenter', 'onMouseleave'],\n      focus: ['onFocus', 'onBlur'],\n    }\n\n    const mapEvents = (t: TriggerType) => {\n      triggerEventsMap[t].forEach((event) => {\n        events[event] = popperEventsHandler\n      })\n    }\n\n    if (isArray(props.trigger)) {\n      Object.values(props.trigger).forEach(mapEvents)\n    } else {\n      mapEvents(props.trigger as TriggerType)\n    }\n  }\n\n  watch(popperOptions, (val) => {\n    if (!popperInstance) return\n    popperInstance.setOptions(val)\n    popperInstance.update()\n  })\n\n  watch(visibility, onVisibilityChange)\n\n  return {\n    update,\n    doDestroy,\n    show,\n    hide,\n    onPopperMouseEnter,\n    onPopperMouseLeave,\n    onAfterEnter: () => {\n      emit('after-enter')\n    },\n    onAfterLeave: () => {\n      detachPopper()\n      emit('after-leave')\n    },\n    onBeforeEnter: () => {\n      emit('before-enter')\n    },\n    onBeforeLeave: () => {\n      emit('before-leave')\n    },\n    initializePopper,\n    isManualMode,\n    arrowRef,\n    events,\n    popperId,\n    popperInstance,\n    popperRef,\n    popperStyle,\n    triggerRef,\n    visibility,\n  }\n}\n\nexport * from './defaults'\n"],"names":["ref","generateId","PopupManager","popperOptions","usePopperOptions","reactive","computed","isBool","isString","unref","isHTMLElement","createPopper","isArray"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../../../packages/components/popper/src/use-popper/index.ts"],"sourcesContent":["import { computed, ref, reactive, watch, unref } from 'vue'\nimport { createPopper } from '@popperjs/core'\nimport {\n  generateId,\n  isBool,\n  isHTMLElement,\n  isArray,\n  isString,\n} from '@element-plus/utils/util'\nimport PopupManager from '@element-plus/utils/popup-manager'\nimport usePopperOptions from './popper-options'\n\nimport type {\n  ComponentPublicInstance,\n  CSSProperties,\n  SetupContext,\n  Ref,\n} from 'vue'\nimport type { TimeoutHandle, Nullable } from '@element-plus/utils/types'\nimport type {\n  IPopperOptions,\n  TriggerType,\n  PopperInstance,\n  RefElement,\n} from './defaults'\n\nexport type ElementType = ComponentPublicInstance | HTMLElement\nexport type EmitType =\n  | 'update:visible'\n  | 'after-enter'\n  | 'after-leave'\n  | 'before-enter'\n  | 'before-leave'\n\nexport interface PopperEvents {\n  onClick?: (e: Event) => void\n  onMouseenter?: (e: Event) => void\n  onMouseleave?: (e: Event) => void\n  onFocus?: (e: Event) => void\n  onBlur?: (e: Event) => void\n}\n\nexport const DEFAULT_TRIGGER = ['hover']\nexport const UPDATE_VISIBLE_EVENT = 'update:visible'\nexport default function (\n  props: IPopperOptions,\n  { emit }: SetupContext<EmitType[]>\n) {\n  const arrowRef = ref<RefElement>(null)\n  const triggerRef = ref(null) as Ref<ElementType>\n  const popperRef = ref<RefElement>(null)\n\n  const popperId = `el-popper-${generateId()}`\n  let popperInstance: Nullable<PopperInstance> = null\n  let showTimer: Nullable<TimeoutHandle> = null\n  let hideTimer: Nullable<TimeoutHandle> = null\n  let triggerFocused = false\n\n  const isManualMode = () => props.manualMode || props.trigger === 'manual'\n\n  const popperStyle = ref<CSSProperties>({ zIndex: PopupManager.nextZIndex() })\n\n  const popperOptions = usePopperOptions(props, {\n    arrow: arrowRef,\n  })\n\n  const state = reactive({\n    visible: !!props.visible,\n  })\n  // visible has been taken by props.visible, avoiding name collision\n  // Either marking type here or setter parameter\n  const visibility = computed<boolean>({\n    get() {\n      if (props.disabled) {\n        return false\n      } else {\n        return isBool(props.visible) ? props.visible : state.visible\n      }\n    },\n    set(val) {\n      if (isManualMode()) return\n      isBool(props.visible)\n        ? emit(UPDATE_VISIBLE_EVENT, val)\n        : (state.visible = val)\n    },\n  })\n\n  function _show() {\n    if (props.autoClose > 0) {\n      hideTimer = window.setTimeout(() => {\n        _hide()\n      }, props.autoClose)\n    }\n    visibility.value = true\n  }\n\n  function _hide() {\n    visibility.value = false\n  }\n\n  function clearTimers() {\n    clearTimeout(showTimer)\n    clearTimeout(hideTimer)\n  }\n\n  const show = () => {\n    if (isManualMode() || props.disabled) return\n    clearTimers()\n    if (props.showAfter === 0) {\n      _show()\n    } else {\n      showTimer = window.setTimeout(() => {\n        _show()\n      }, props.showAfter)\n    }\n  }\n\n  const hide = () => {\n    if (isManualMode()) return\n    clearTimers()\n    if (props.hideAfter > 0) {\n      hideTimer = window.setTimeout(() => {\n        close()\n      }, props.hideAfter)\n    } else {\n      close()\n    }\n  }\n  const close = () => {\n    _hide()\n    if (props.disabled) {\n      doDestroy(true)\n    }\n  }\n\n  function onPopperMouseEnter() {\n    // if trigger is click, user won't be able to close popper when\n    // user tries to move the mouse over popper contents\n    if (props.enterable && props.trigger !== 'click') {\n      clearTimeout(hideTimer)\n    }\n  }\n\n  function onPopperMouseLeave() {\n    const { trigger } = props\n    const shouldPrevent =\n      (isString(trigger) && (trigger === 'click' || trigger === 'focus')) ||\n      // we'd like to test array type trigger here, but the only case we need to cover is trigger === 'click' or\n      // trigger === 'focus', because that when trigger is string\n      // trigger.length === 1 and trigger[0] === 5 chars string is mutually exclusive.\n      // so there will be no need to test if trigger is array type.\n      (trigger.length === 1 &&\n        (trigger[0] === 'click' || trigger[0] === 'focus'))\n\n    if (shouldPrevent) return\n\n    hide()\n  }\n\n  function initializePopper() {\n    if (!unref(visibility)) {\n      return\n    }\n    const unwrappedTrigger = unref(triggerRef)\n    const _trigger = isHTMLElement(unwrappedTrigger)\n      ? unwrappedTrigger\n      : (unwrappedTrigger as ComponentPublicInstance).$el\n    popperInstance = createPopper(\n      _trigger,\n      unref(popperRef),\n      unref(popperOptions)\n    )\n\n    popperInstance.update()\n  }\n\n  function doDestroy(forceDestroy?: boolean) {\n    /* istanbul ignore if */\n    if (!popperInstance || (unref(visibility) && !forceDestroy)) return\n    detachPopper()\n  }\n\n  function detachPopper() {\n    popperInstance?.destroy?.()\n    popperInstance = null\n  }\n\n  const events = {} as PopperEvents\n\n  function update() {\n    if (!unref(visibility)) {\n      return\n    }\n    if (popperInstance) {\n      popperInstance.update()\n    } else {\n      initializePopper()\n    }\n  }\n\n  function onVisibilityChange(toState: boolean) {\n    if (toState) {\n      popperStyle.value.zIndex = PopupManager.nextZIndex()\n      initializePopper()\n    }\n  }\n\n  if (!isManualMode()) {\n    const toggleState = () => {\n      if (unref(visibility)) {\n        hide()\n      } else {\n        show()\n      }\n    }\n\n    const popperEventsHandler = (e: Event) => {\n      e.stopPropagation()\n      switch (e.type) {\n        case 'click': {\n          if (triggerFocused) {\n            // reset previous focus event\n            triggerFocused = false\n          } else {\n            toggleState()\n          }\n          break\n        }\n        case 'mouseenter': {\n          show()\n          break\n        }\n        case 'mouseleave': {\n          hide()\n          break\n        }\n        case 'focus': {\n          triggerFocused = true\n          show()\n          break\n        }\n        case 'blur': {\n          triggerFocused = false\n          hide()\n          break\n        }\n      }\n    }\n\n    const triggerEventsMap: Partial<\n      Record<TriggerType, (keyof PopperEvents)[]>\n    > = {\n      click: ['onClick'],\n      hover: ['onMouseenter', 'onMouseleave'],\n      focus: ['onFocus', 'onBlur'],\n    }\n\n    const mapEvents = (t: TriggerType) => {\n      triggerEventsMap[t].forEach((event) => {\n        events[event] = popperEventsHandler\n      })\n    }\n\n    if (isArray(props.trigger)) {\n      Object.values(props.trigger).forEach(mapEvents)\n    } else {\n      mapEvents(props.trigger as TriggerType)\n    }\n  }\n\n  watch(popperOptions, (val) => {\n    if (!popperInstance) return\n    popperInstance.setOptions(val)\n    popperInstance.update()\n  })\n\n  watch(visibility, onVisibilityChange)\n\n  return {\n    update,\n    doDestroy,\n    show,\n    hide,\n    onPopperMouseEnter,\n    onPopperMouseLeave,\n    onAfterEnter: () => {\n      emit('after-enter')\n    },\n    onAfterLeave: () => {\n      detachPopper()\n      emit('after-leave')\n    },\n    onBeforeEnter: () => {\n      emit('before-enter')\n    },\n    onBeforeLeave: () => {\n      emit('before-leave')\n    },\n    initializePopper,\n    isManualMode,\n    arrowRef,\n    events,\n    popperId,\n    popperInstance,\n    popperRef,\n    popperStyle,\n    triggerRef,\n    visibility,\n  }\n}\n\nexport * from './defaults'\n"],"names":["ref","generateId","PopupManager","popperOptions","usePopperOptions","reactive","computed","isBool","isString","unref","isHTMLElement","createPopper","isArray"],"mappings":"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"}