element-plus 2.10.1 → 2.10.2

package/es/components/popconfirm/src/popconfirm.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"popconfirm.mjs","sources":["../../../../../../packages/components/popconfirm/src/popconfirm.ts"],"sourcesContent":["import { buttonTypes } from '@element-plus/components/button'\nimport { QuestionFilled } from '@element-plus/icons-vue'\nimport { buildProps, iconPropType } from '@element-plus/utils'\nimport { useTooltipContentProps } from '@element-plus/components/tooltip'\nimport type { ExtractPropTypes } from 'vue'\nimport type Popconfirm from './popconfirm.vue'\n\nexport const popconfirmProps = buildProps({\n  /**\n   * @description Title\n   */\n  title: String,\n  /**\n   * @description Confirm button text\n   */\n  confirmButtonText: String,\n  /**\n   * @description Cancel button text\n   */\n  cancelButtonText: String,\n  /**\n   * @description Confirm button type\n   */\n  confirmButtonType: {\n    type: String,\n    values: buttonTypes,\n    default: 'primary',\n  },\n  /**\n   * @description Cancel button type\n   */\n  cancelButtonType: {\n    type: String,\n    values: buttonTypes,\n    default: 'text',\n  },\n  /**\n   * @description Icon Component\n   */\n  icon: {\n    type: iconPropType,\n    default: () => QuestionFilled,\n  },\n  /**\n   * @description Icon color\n   */\n  iconColor: {\n    type: String,\n    default: '#f90',\n  },\n  /**\n   * @description is hide Icon\n   */\n  hideIcon: {\n    type: Boolean,\n    default: false,\n  },\n  /**\n   * @description delay of disappear, in millisecond\n   */\n  hideAfter: {\n    type: Number,\n    default: 200,\n  },\n  /**\n   * @description whether popconfirm is teleported to the body\n   */\n  teleported: useTooltipContentProps.teleported,\n  /**\n   * @description when popconfirm inactive and `persistent` is `false` , popconfirm will be destroyed\n   */\n  persistent: useTooltipContentProps.persistent,\n  /**\n   * @description popconfirm width, min width 150px\n   */\n  width: {\n    type: [String, Number],\n    default: 150,\n  },\n} as const)\n\nexport const popconfirmEmits = {\n  /**\n   * @description triggers when click confirm button\n   */\n  confirm: (e: MouseEvent) => e instanceof MouseEvent,\n  /**\n   * @description triggers when click cancel button\n   */\n  cancel: (e: MouseEvent) => e instanceof MouseEvent,\n}\n\nexport type PopconfirmEmits = typeof popconfirmEmits\n\nexport type PopconfirmProps = ExtractPropTypes<typeof popconfirmProps>\n\nexport type PopconfirmInstance = InstanceType<typeof Popconfirm> & unknown\n"],"names":[],"mappings":";;;;;;AAIY,MAAC,eAAe,GAAG,UAAU,CAAC;AAC1C,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,iBAAiB,EAAE,MAAM;AAC3B,EAAE,gBAAgB,EAAE,MAAM;AAC1B,EAAE,iBAAiB,EAAE;AACrB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,WAAW;AACvB,IAAI,OAAO,EAAE,SAAS;AACtB,GAAG;AACH,EAAE,gBAAgB,EAAE;AACpB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,WAAW;AACvB,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,YAAY;AACtB,IAAI,OAAO,EAAE,MAAM,cAAc;AACjC,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,EAAE,UAAU,EAAE,sBAAsB,CAAC,UAAU;AAC/C,EAAE,UAAU,EAAE,sBAAsB,CAAC,UAAU;AAC/C,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,eAAe,GAAG;AAC/B,EAAE,OAAO,EAAE,CAAC,CAAC,KAAK,CAAC,YAAY,UAAU;AACzC,EAAE,MAAM,EAAE,CAAC,CAAC,KAAK,CAAC,YAAY,UAAU;AACxC;;;;"}
+{"version":3,"file":"popconfirm.mjs","sources":["../../../../../../packages/components/popconfirm/src/popconfirm.vue"],"sourcesContent":["<template>\n  <el-tooltip\n    ref=\"tooltipRef\"\n    trigger=\"click\"\n    effect=\"light\"\n    v-bind=\"$attrs\"\n    :popper-class=\"`${ns.namespace.value}-popover`\"\n    :popper-style=\"style\"\n    :teleported=\"teleported\"\n    :fallback-placements=\"['bottom', 'top', 'right', 'left']\"\n    :hide-after=\"hideAfter\"\n    :persistent=\"persistent\"\n  >\n    <template #content>\n      <div :class=\"ns.b()\">\n        <div :class=\"ns.e('main')\">\n          <el-icon\n            v-if=\"!hideIcon && icon\"\n            :class=\"ns.e('icon')\"\n            :style=\"{ color: iconColor }\"\n          >\n            <component :is=\"icon\" />\n          </el-icon>\n          {{ title }}\n        </div>\n        <div :class=\"ns.e('action')\">\n          <slot name=\"actions\" :confirm=\"confirm\" :cancel=\"cancel\">\n            <el-button\n              size=\"small\"\n              :type=\"cancelButtonType === 'text' ? '' : cancelButtonType\"\n              :text=\"cancelButtonType === 'text'\"\n              @click=\"cancel\"\n            >\n              {{ finalCancelButtonText }}\n            </el-button>\n            <el-button\n              size=\"small\"\n              :type=\"confirmButtonType === 'text' ? '' : confirmButtonType\"\n              :text=\"confirmButtonType === 'text'\"\n              @click=\"confirm\"\n            >\n              {{ finalConfirmButtonText }}\n            </el-button>\n          </slot>\n        </div>\n      </div>\n    </template>\n    <template v-if=\"$slots.reference\">\n      <slot name=\"reference\" />\n    </template>\n  </el-tooltip>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref } from 'vue'\nimport ElButton from '@element-plus/components/button'\nimport ElIcon from '@element-plus/components/icon'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { addUnit } from '@element-plus/utils'\nimport { popconfirmEmits, popconfirmProps } from './popconfirm'\n\nimport type { TooltipInstance } from '@element-plus/components/tooltip'\n\ndefineOptions({\n  name: 'ElPopconfirm',\n})\n\nconst props = defineProps(popconfirmProps)\nconst emit = defineEmits(popconfirmEmits)\n\nconst { t } = useLocale()\nconst ns = useNamespace('popconfirm')\nconst tooltipRef = ref<TooltipInstance>()\n\nconst hidePopper = () => {\n  tooltipRef.value?.onClose?.()\n}\n\nconst style = computed(() => {\n  return {\n    width: addUnit(props.width),\n  }\n})\n\nconst confirm = (e: MouseEvent) => {\n  emit('confirm', e)\n  hidePopper()\n}\nconst cancel = (e: MouseEvent) => {\n  emit('cancel', e)\n  hidePopper()\n}\n\nconst finalConfirmButtonText = computed(\n  () => props.confirmButtonText || t('el.popconfirm.confirmButtonText')\n)\nconst finalCancelButtonText = computed(\n  () => props.cancelButtonText || t('el.popconfirm.cancelButtonText')\n)\n</script>\n"],"names":["_openBlock","_createBlock","_unref","_mergeProps"],"mappings":";;;;;;;;;;mCAgEc,CAAA;AAAA,EACZ,IAAM,EAAA,cAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAKA,IAAM,MAAA,EAAE,CAAE,EAAA,GAAI,SAAU,EAAA,CAAA;AACxB,IAAM,MAAA,EAAA,GAAK,aAAa,YAAY,CAAA,CAAA;AACpC,IAAA,MAAM,aAAa,GAAqB,EAAA,CAAA;AAExC,IAAA,MAAM,aAAa,MAAM;AACvB,MAAA,IAAA,EAAA,EAAA,EAAA,CAAW;AAAiB,MAC9B,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,UAAA,CAAA,KAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,OAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,EAAA,CAAA,CAAA;AAEA,KAAM,CAAA;AACJ,IAAO,MAAA,KAAA,GAAA,QAAA,CAAA,MAAA;AAAA,MACL,OAAA;AAA0B,QAC5B,KAAA,EAAA,OAAA,CAAA,KAAA,CAAA,KAAA,CAAA;AAAA,OACD,CAAA;AAED,KAAM,CAAA,CAAA;AACJ,IAAA,MAAA,YAAgB,KAAC;AACjB,MAAW,IAAA,CAAA,SAAA,EAAA,CAAA,CAAA,CAAA;AAAA,MACb,UAAA,EAAA,CAAA;AACA,KAAM,CAAA;AACJ,IAAA,MAAA,WAAe,KAAC;AAChB,MAAW,IAAA,CAAA,QAAA,EAAA,CAAA,CAAA,CAAA;AAAA,MACb,UAAA,EAAA,CAAA;AAEA,KAAA,CAAA;AAA+B,IAAA,MACvB,sBAA2B,GAAA,QAAmC,CAAA,MAAA,KAAA,CAAA,iBAAA,IAAA,CAAA,CAAA,iCAAA,CAAA,CAAA,CAAA;AAAA,IACtE,MAAA,qBAAA,GAAA,QAAA,CAAA,MAAA,KAAA,CAAA,gBAAA,IAAA,CAAA,CAAA,gCAAA,CAAA,CAAA,CAAA;AACA,IAAA,OAA8B,CAAA,IAAA,EAAA,MAAA,KAAA;AAAA,MAC5B,OAAMA,SAA0B,EAAA,EAAAC,WAAA,CAAEC,KAAgC,CAAA,SAAA,CAAA,EAAAC,UAAA,CAAA;AAAA,QACpE,OAAA,EAAA,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/popconfirm/src/popconfirm2.mjs

@@ -1,119 +1,50 @@
-import { defineComponent, ref, computed, openBlock, createBlock, unref, mergeProps, withCtx, createElementVNode, normalizeClass, normalizeStyle, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, renderSlot, createVNode } from 'vue';
-import { ElButton } from '../../button/index.mjs';
-import { ElIcon } from '../../icon/index.mjs';
-import { ElTooltip } from '../../tooltip/index.mjs';
-import { popconfirmProps, popconfirmEmits } from './popconfirm.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
-import { useLocale } from '../../../hooks/use-locale/index.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
-import { addUnit } from '../../../utils/dom/style.mjs';
+import { QuestionFilled } from '@element-plus/icons-vue';
+import { buttonTypes } from '../../button/src/button.mjs';
+import { buildProps } from '../../../utils/vue/props/runtime.mjs';
+import { iconPropType } from '../../../utils/vue/icon.mjs';
+import { useTooltipContentProps } from '../../tooltip/src/content.mjs';
 
-const __default__ = defineComponent({
-  name: "ElPopconfirm"
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: popconfirmProps,
-  emits: popconfirmEmits,
-  setup(__props, { emit }) {
-    const props = __props;
-    const { t } = useLocale();
-    const ns = useNamespace("popconfirm");
-    const tooltipRef = ref();
-    const hidePopper = () => {
-      var _a, _b;
-      (_b = (_a = tooltipRef.value) == null ? void 0 : _a.onClose) == null ? void 0 : _b.call(_a);
-    };
-    const style = computed(() => {
-      return {
-        width: addUnit(props.width)
-      };
-    });
-    const confirm = (e) => {
-      emit("confirm", e);
-      hidePopper();
-    };
-    const cancel = (e) => {
-      emit("cancel", e);
-      hidePopper();
-    };
-    const finalConfirmButtonText = computed(() => props.confirmButtonText || t("el.popconfirm.confirmButtonText"));
-    const finalCancelButtonText = computed(() => props.cancelButtonText || t("el.popconfirm.cancelButtonText"));
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ElTooltip), mergeProps({
-        ref_key: "tooltipRef",
-        ref: tooltipRef,
-        trigger: "click",
-        effect: "light"
-      }, _ctx.$attrs, {
-        "popper-class": `${unref(ns).namespace.value}-popover`,
-        "popper-style": unref(style),
-        teleported: _ctx.teleported,
-        "fallback-placements": ["bottom", "top", "right", "left"],
-        "hide-after": _ctx.hideAfter,
-        persistent: _ctx.persistent
-      }), {
-        content: withCtx(() => [
-          createElementVNode("div", {
-            class: normalizeClass(unref(ns).b())
-          }, [
-            createElementVNode("div", {
-              class: normalizeClass(unref(ns).e("main"))
-            }, [
-              !_ctx.hideIcon && _ctx.icon ? (openBlock(), createBlock(unref(ElIcon), {
-                key: 0,
-                class: normalizeClass(unref(ns).e("icon")),
-                style: normalizeStyle({ color: _ctx.iconColor })
-              }, {
-                default: withCtx(() => [
-                  (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
-                ]),
-                _: 1
-              }, 8, ["class", "style"])) : createCommentVNode("v-if", true),
-              createTextVNode(" " + toDisplayString(_ctx.title), 1)
-            ], 2),
-            createElementVNode("div", {
-              class: normalizeClass(unref(ns).e("action"))
-            }, [
-              renderSlot(_ctx.$slots, "actions", {
-                confirm,
-                cancel
-              }, () => [
-                createVNode(unref(ElButton), {
-                  size: "small",
-                  type: _ctx.cancelButtonType === "text" ? "" : _ctx.cancelButtonType,
-                  text: _ctx.cancelButtonType === "text",
-                  onClick: cancel
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode(toDisplayString(unref(finalCancelButtonText)), 1)
-                  ]),
-                  _: 1
-                }, 8, ["type", "text"]),
-                createVNode(unref(ElButton), {
-                  size: "small",
-                  type: _ctx.confirmButtonType === "text" ? "" : _ctx.confirmButtonType,
-                  text: _ctx.confirmButtonType === "text",
-                  onClick: confirm
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode(toDisplayString(unref(finalConfirmButtonText)), 1)
-                  ]),
-                  _: 1
-                }, 8, ["type", "text"])
-              ])
-            ], 2)
-          ], 2)
-        ]),
-        default: withCtx(() => [
-          _ctx.$slots.reference ? renderSlot(_ctx.$slots, "reference", { key: 0 }) : createCommentVNode("v-if", true)
-        ]),
-        _: 3
-      }, 16, ["popper-class", "popper-style", "teleported", "hide-after", "persistent"]);
-    };
+const popconfirmProps = buildProps({
+  title: String,
+  confirmButtonText: String,
+  cancelButtonText: String,
+  confirmButtonType: {
+    type: String,
+    values: buttonTypes,
+    default: "primary"
+  },
+  cancelButtonType: {
+    type: String,
+    values: buttonTypes,
+    default: "text"
+  },
+  icon: {
+    type: iconPropType,
+    default: () => QuestionFilled
+  },
+  iconColor: {
+    type: String,
+    default: "#f90"
+  },
+  hideIcon: {
+    type: Boolean,
+    default: false
+  },
+  hideAfter: {
+    type: Number,
+    default: 200
+  },
+  teleported: useTooltipContentProps.teleported,
+  persistent: useTooltipContentProps.persistent,
+  width: {
+    type: [String, Number],
+    default: 150
   }
 });
-var Popconfirm = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "popconfirm.vue"]]);
+const popconfirmEmits = {
+  confirm: (e) => e instanceof MouseEvent,
+  cancel: (e) => e instanceof MouseEvent
+};
 
-export { Popconfirm as default };
+export { popconfirmEmits, popconfirmProps };
 //# sourceMappingURL=popconfirm2.mjs.map

package/es/components/popconfirm/src/popconfirm2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"popconfirm2.mjs","sources":["../../../../../../packages/components/popconfirm/src/popconfirm.vue"],"sourcesContent":["<template>\n  <el-tooltip\n    ref=\"tooltipRef\"\n    trigger=\"click\"\n    effect=\"light\"\n    v-bind=\"$attrs\"\n    :popper-class=\"`${ns.namespace.value}-popover`\"\n    :popper-style=\"style\"\n    :teleported=\"teleported\"\n    :fallback-placements=\"['bottom', 'top', 'right', 'left']\"\n    :hide-after=\"hideAfter\"\n    :persistent=\"persistent\"\n  >\n    <template #content>\n      <div :class=\"ns.b()\">\n        <div :class=\"ns.e('main')\">\n          <el-icon\n            v-if=\"!hideIcon && icon\"\n            :class=\"ns.e('icon')\"\n            :style=\"{ color: iconColor }\"\n          >\n            <component :is=\"icon\" />\n          </el-icon>\n          {{ title }}\n        </div>\n        <div :class=\"ns.e('action')\">\n          <slot name=\"actions\" :confirm=\"confirm\" :cancel=\"cancel\">\n            <el-button\n              size=\"small\"\n              :type=\"cancelButtonType === 'text' ? '' : cancelButtonType\"\n              :text=\"cancelButtonType === 'text'\"\n              @click=\"cancel\"\n            >\n              {{ finalCancelButtonText }}\n            </el-button>\n            <el-button\n              size=\"small\"\n              :type=\"confirmButtonType === 'text' ? '' : confirmButtonType\"\n              :text=\"confirmButtonType === 'text'\"\n              @click=\"confirm\"\n            >\n              {{ finalConfirmButtonText }}\n            </el-button>\n          </slot>\n        </div>\n      </div>\n    </template>\n    <template v-if=\"$slots.reference\">\n      <slot name=\"reference\" />\n    </template>\n  </el-tooltip>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref } from 'vue'\nimport ElButton from '@element-plus/components/button'\nimport ElIcon from '@element-plus/components/icon'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { addUnit } from '@element-plus/utils'\nimport { popconfirmEmits, popconfirmProps } from './popconfirm'\n\nimport type { TooltipInstance } from '@element-plus/components/tooltip'\n\ndefineOptions({\n  name: 'ElPopconfirm',\n})\n\nconst props = defineProps(popconfirmProps)\nconst emit = defineEmits(popconfirmEmits)\n\nconst { t } = useLocale()\nconst ns = useNamespace('popconfirm')\nconst tooltipRef = ref<TooltipInstance>()\n\nconst hidePopper = () => {\n  tooltipRef.value?.onClose?.()\n}\n\nconst style = computed(() => {\n  return {\n    width: addUnit(props.width),\n  }\n})\n\nconst confirm = (e: MouseEvent) => {\n  emit('confirm', e)\n  hidePopper()\n}\nconst cancel = (e: MouseEvent) => {\n  emit('cancel', e)\n  hidePopper()\n}\n\nconst finalConfirmButtonText = computed(\n  () => props.confirmButtonText || t('el.popconfirm.confirmButtonText')\n)\nconst finalCancelButtonText = computed(\n  () => props.cancelButtonText || t('el.popconfirm.cancelButtonText')\n)\n</script>\n"],"names":["_openBlock","_createBlock","_unref","_mergeProps"],"mappings":";;;;;;;;;;mCAgEc,CAAA;AAAA,EACZ,IAAM,EAAA,cAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAKA,IAAM,MAAA,EAAE,CAAE,EAAA,GAAI,SAAU,EAAA,CAAA;AACxB,IAAM,MAAA,EAAA,GAAK,aAAa,YAAY,CAAA,CAAA;AACpC,IAAA,MAAM,aAAa,GAAqB,EAAA,CAAA;AAExC,IAAA,MAAM,aAAa,MAAM;AACvB,MAAA,IAAA,EAAA,EAAA,EAAA,CAAW;AAAiB,MAC9B,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,UAAA,CAAA,KAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,OAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,EAAA,CAAA,CAAA;AAEA,KAAM,CAAA;AACJ,IAAO,MAAA,KAAA,GAAA,QAAA,CAAA,MAAA;AAAA,MACL,OAAA;AAA0B,QAC5B,KAAA,EAAA,OAAA,CAAA,KAAA,CAAA,KAAA,CAAA;AAAA,OACD,CAAA;AAED,KAAM,CAAA,CAAA;AACJ,IAAA,MAAA,YAAgB,KAAC;AACjB,MAAW,IAAA,CAAA,SAAA,EAAA,CAAA,CAAA,CAAA;AAAA,MACb,UAAA,EAAA,CAAA;AACA,KAAM,CAAA;AACJ,IAAA,MAAA,WAAe,KAAC;AAChB,MAAW,IAAA,CAAA,QAAA,EAAA,CAAA,CAAA,CAAA;AAAA,MACb,UAAA,EAAA,CAAA;AAEA,KAAA,CAAA;AAA+B,IAAA,MACvB,sBAA2B,GAAA,QAAmC,CAAA,MAAA,KAAA,CAAA,iBAAA,IAAA,CAAA,CAAA,iCAAA,CAAA,CAAA,CAAA;AAAA,IACtE,MAAA,qBAAA,GAAA,QAAA,CAAA,MAAA,KAAA,CAAA,gBAAA,IAAA,CAAA,CAAA,gCAAA,CAAA,CAAA,CAAA;AACA,IAAA,OAA8B,CAAA,IAAA,EAAA,MAAA,KAAA;AAAA,MAC5B,OAAMA,SAA0B,EAAA,EAAAC,WAAA,CAAEC,KAAgC,CAAA,SAAA,CAAA,EAAAC,UAAA,CAAA;AAAA,QACpE,OAAA,EAAA,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"popconfirm2.mjs","sources":["../../../../../../packages/components/popconfirm/src/popconfirm.ts"],"sourcesContent":["import { buttonTypes } from '@element-plus/components/button'\nimport { QuestionFilled } from '@element-plus/icons-vue'\nimport { buildProps, iconPropType } from '@element-plus/utils'\nimport { useTooltipContentProps } from '@element-plus/components/tooltip'\nimport type { ExtractPropTypes } from 'vue'\nimport type Popconfirm from './popconfirm.vue'\n\nexport const popconfirmProps = buildProps({\n  /**\n   * @description Title\n   */\n  title: String,\n  /**\n   * @description Confirm button text\n   */\n  confirmButtonText: String,\n  /**\n   * @description Cancel button text\n   */\n  cancelButtonText: String,\n  /**\n   * @description Confirm button type\n   */\n  confirmButtonType: {\n    type: String,\n    values: buttonTypes,\n    default: 'primary',\n  },\n  /**\n   * @description Cancel button type\n   */\n  cancelButtonType: {\n    type: String,\n    values: buttonTypes,\n    default: 'text',\n  },\n  /**\n   * @description Icon Component\n   */\n  icon: {\n    type: iconPropType,\n    default: () => QuestionFilled,\n  },\n  /**\n   * @description Icon color\n   */\n  iconColor: {\n    type: String,\n    default: '#f90',\n  },\n  /**\n   * @description is hide Icon\n   */\n  hideIcon: {\n    type: Boolean,\n    default: false,\n  },\n  /**\n   * @description delay of disappear, in millisecond\n   */\n  hideAfter: {\n    type: Number,\n    default: 200,\n  },\n  /**\n   * @description whether popconfirm is teleported to the body\n   */\n  teleported: useTooltipContentProps.teleported,\n  /**\n   * @description when popconfirm inactive and `persistent` is `false` , popconfirm will be destroyed\n   */\n  persistent: useTooltipContentProps.persistent,\n  /**\n   * @description popconfirm width, min width 150px\n   */\n  width: {\n    type: [String, Number],\n    default: 150,\n  },\n} as const)\n\nexport const popconfirmEmits = {\n  /**\n   * @description triggers when click confirm button\n   */\n  confirm: (e: MouseEvent) => e instanceof MouseEvent,\n  /**\n   * @description triggers when click cancel button\n   */\n  cancel: (e: MouseEvent) => e instanceof MouseEvent,\n}\n\nexport type PopconfirmEmits = typeof popconfirmEmits\n\nexport type PopconfirmProps = ExtractPropTypes<typeof popconfirmProps>\n\nexport type PopconfirmInstance = InstanceType<typeof Popconfirm> & unknown\n"],"names":[],"mappings":";;;;;;AAIY,MAAC,eAAe,GAAG,UAAU,CAAC;AAC1C,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,iBAAiB,EAAE,MAAM;AAC3B,EAAE,gBAAgB,EAAE,MAAM;AAC1B,EAAE,iBAAiB,EAAE;AACrB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,WAAW;AACvB,IAAI,OAAO,EAAE,SAAS;AACtB,GAAG;AACH,EAAE,gBAAgB,EAAE;AACpB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,WAAW;AACvB,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,YAAY;AACtB,IAAI,OAAO,EAAE,MAAM,cAAc;AACjC,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,EAAE,UAAU,EAAE,sBAAsB,CAAC,UAAU;AAC/C,EAAE,UAAU,EAAE,sBAAsB,CAAC,UAAU;AAC/C,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,eAAe,GAAG;AAC/B,EAAE,OAAO,EAAE,CAAC,CAAC,KAAK,CAAC,YAAY,UAAU;AACzC,EAAE,MAAM,EAAE,CAAC,CAAC,KAAK,CAAC,YAAY,UAAU;AACxC;;;;"}

package/es/components/popper/index.mjs

@@ -1,9 +1,9 @@
-import Popper from './src/popper2.mjs';
+import Popper from './src/popper.mjs';
 export { default as ElPopperArrow } from './src/arrow2.mjs';
-export { default as ElPopperTrigger } from './src/trigger.mjs';
+export { default as ElPopperTrigger } from './src/trigger2.mjs';
 export { default as ElPopperContent } from './src/content2.mjs';
-export { Effect, popperProps, roleTypes, usePopperProps } from './src/popper.mjs';
-export { popperTriggerProps, usePopperTriggerProps } from './src/trigger2.mjs';
+export { Effect, popperProps, roleTypes, usePopperProps } from './src/popper2.mjs';
+export { popperTriggerProps, usePopperTriggerProps } from './src/trigger.mjs';
 export { popperContentEmits, popperContentProps, popperCoreConfigProps, usePopperContentEmits, usePopperContentProps, usePopperCoreConfigProps } from './src/content.mjs';
 export { popperArrowProps, usePopperArrowProps } from './src/arrow.mjs';
 export { POPPER_CONTENT_INJECTION_KEY, POPPER_INJECTION_KEY } from './src/constants.mjs';

package/es/components/popper/src/popper.mjs

@@ -1,27 +1,37 @@
-import { buildProps } from '../../../utils/vue/props/runtime.mjs';
+import { defineComponent, ref, computed, provide, renderSlot } from 'vue';
+import { POPPER_INJECTION_KEY } from './constants.mjs';
+import { popperProps } from './popper2.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
 
-const Effect = {
-  LIGHT: "light",
-  DARK: "dark"
-};
-const roleTypes = [
-  "dialog",
-  "grid",
-  "group",
-  "listbox",
-  "menu",
-  "navigation",
-  "tooltip",
-  "tree"
-];
-const popperProps = buildProps({
-  role: {
-    type: String,
-    values: roleTypes,
-    default: "tooltip"
+const __default__ = defineComponent({
+  name: "ElPopper",
+  inheritAttrs: false
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: popperProps,
+  setup(__props, { expose }) {
+    const props = __props;
+    const triggerRef = ref();
+    const popperInstanceRef = ref();
+    const contentRef = ref();
+    const referenceRef = ref();
+    const role = computed(() => props.role);
+    const popperProvides = {
+      triggerRef,
+      popperInstanceRef,
+      contentRef,
+      referenceRef,
+      role
+    };
+    expose(popperProvides);
+    provide(POPPER_INJECTION_KEY, popperProvides);
+    return (_ctx, _cache) => {
+      return renderSlot(_ctx.$slots, "default");
+    };
   }
 });
-const usePopperProps = popperProps;
+var Popper = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "popper.vue"]]);
 
-export { Effect, popperProps, roleTypes, usePopperProps };
+export { Popper as default };
 //# sourceMappingURL=popper.mjs.map

package/es/components/popper/src/popper.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"popper.mjs","sources":["../../../../../../packages/components/popper/src/popper.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\n\nimport { buildProps } from '@element-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type Popper from './popper.vue'\n\nconst effects = ['light', 'dark'] as const\nconst triggers = ['click', 'contextmenu', 'hover', 'focus'] as const\n\nexport const Effect = {\n  LIGHT: 'light',\n  DARK: 'dark',\n} as const\n\nexport const roleTypes = [\n  'dialog',\n  'grid',\n  'group',\n  'listbox',\n  'menu',\n  'navigation',\n  'tooltip',\n  'tree',\n] as const\n\nexport type PopperEffect =\n  | typeof effects[number]\n  | (string & NonNullable<unknown>)\nexport type PopperTrigger = typeof triggers[number]\n\nexport const popperProps = buildProps({\n  role: {\n    type: String,\n    values: roleTypes,\n    default: 'tooltip',\n  },\n} as const)\n\nexport type PopperProps = ExtractPropTypes<typeof popperProps>\n\nexport type PopperInstance = InstanceType<typeof Popper> & unknown\n\n/** @deprecated use `popperProps` instead, and it will be deprecated in the next major version */\nexport const usePopperProps = popperProps\n\n/** @deprecated use `PopperProps` instead, and it will be deprecated in the next major version */\nexport type UsePopperProps = PopperProps\n"],"names":[],"mappings":";;AAGY,MAAC,MAAM,GAAG;AACtB,EAAE,KAAK,EAAE,OAAO;AAChB,EAAE,IAAI,EAAE,MAAM;AACd,EAAE;AACU,MAAC,SAAS,GAAG;AACzB,EAAE,QAAQ;AACV,EAAE,MAAM;AACR,EAAE,OAAO;AACT,EAAE,SAAS;AACX,EAAE,MAAM;AACR,EAAE,YAAY;AACd,EAAE,SAAS;AACX,EAAE,MAAM;AACR,EAAE;AACU,MAAC,WAAW,GAAG,UAAU,CAAC;AACtC,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,SAAS;AACrB,IAAI,OAAO,EAAE,SAAS;AACtB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,cAAc,GAAG;;;;"}
+{"version":3,"file":"popper.mjs","sources":["../../../../../../packages/components/popper/src/popper.vue"],"sourcesContent":["<template>\n  <slot />\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, provide, ref } from 'vue'\nimport { POPPER_INJECTION_KEY } from './constants'\nimport { popperProps } from './popper'\n\nimport type { Instance as PopperInstance } from '@popperjs/core'\nimport type { ElPopperInjectionContext } from './constants'\n\ndefineOptions({\n  name: 'ElPopper',\n  inheritAttrs: false,\n})\nconst props = defineProps(popperProps)\n\nconst triggerRef = ref<HTMLElement>()\nconst popperInstanceRef = ref<PopperInstance>()\nconst contentRef = ref<HTMLElement>()\nconst referenceRef = ref<HTMLElement>()\nconst role = computed(() => props.role)\n\nconst popperProvides = {\n  /**\n   * @description trigger element\n   */\n  triggerRef,\n  /**\n   * @description popperjs instance\n   */\n  popperInstanceRef,\n  /**\n   * @description popper content element\n   */\n  contentRef,\n  /**\n   * @description popper reference element\n   */\n  referenceRef,\n  /**\n   * @description role determines how aria attributes are distributed\n   */\n  role,\n} as ElPopperInjectionContext\n\ndefineExpose(popperProvides)\n\nprovide(POPPER_INJECTION_KEY, popperProvides)\n</script>\n"],"names":["_renderSlot"],"mappings":";;;;;mCAYc,CAAA;AAAA,EACZ,IAAM,EAAA,UAAA;AAAA,EACN,YAAc,EAAA,KAAA;AAChB,CAAA,CAAA,CAAA;;;;;;AAGA,IAAA,MAAM,aAAa,GAAiB,EAAA,CAAA;AACpC,IAAA,MAAM,oBAAoB,GAAoB,EAAA,CAAA;AAC9C,IAAA,MAAM,aAAa,GAAiB,EAAA,CAAA;AACpC,IAAA,MAAM,eAAe,GAAiB,EAAA,CAAA;AACtC,IAAA,MAAM,IAAO,GAAA,QAAA,CAAS,MAAM,KAAA,CAAM,IAAI,CAAA,CAAA;AAEtC,IAAA,MAAM,cAAiB,GAAA;AAAA,MAAA,UAAA;AAAA,MAAA,iBAAA;AAAA,MAAA,UAAA;AAAA,MAIrB,YAAA;AAAA,MAAA,IAAA;AAAA,KAAA,CAAA;AAAA,IAAA,MAAA,CAAA,cAAA,CAAA,CAAA;AAAA,IAIA,OAAA,CAAA,oBAAA,EAAA,cAAA,CAAA,CAAA;AAAA,IAAA,OAAA,CAAA,IAAA,EAAA,MAAA,KAAA;AAAA,MAAA,OAAAA,UAAA,CAAA,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA,CAAA;AAAA,KAAA,CAAA;AAAA,GAIA;AAAA,CAAA,CAAA,CAAA;AAAA,aAAA,gBAAA,WAAA,CAAA,SAAA,EAAA,CAAA,CAAA,QAAA,EAAA,YAAA,CAAA,CAAA,CAAA;;;;"}

package/es/components/popper/src/popper2.mjs

@@ -1,37 +1,27 @@
-import { defineComponent, ref, computed, provide, renderSlot } from 'vue';
-import { POPPER_INJECTION_KEY } from './constants.mjs';
-import { popperProps } from './popper.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { buildProps } from '../../../utils/vue/props/runtime.mjs';
 
-const __default__ = defineComponent({
-  name: "ElPopper",
-  inheritAttrs: false
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: popperProps,
-  setup(__props, { expose }) {
-    const props = __props;
-    const triggerRef = ref();
-    const popperInstanceRef = ref();
-    const contentRef = ref();
-    const referenceRef = ref();
-    const role = computed(() => props.role);
-    const popperProvides = {
-      triggerRef,
-      popperInstanceRef,
-      contentRef,
-      referenceRef,
-      role
-    };
-    expose(popperProvides);
-    provide(POPPER_INJECTION_KEY, popperProvides);
-    return (_ctx, _cache) => {
-      return renderSlot(_ctx.$slots, "default");
-    };
+const Effect = {
+  LIGHT: "light",
+  DARK: "dark"
+};
+const roleTypes = [
+  "dialog",
+  "grid",
+  "group",
+  "listbox",
+  "menu",
+  "navigation",
+  "tooltip",
+  "tree"
+];
+const popperProps = buildProps({
+  role: {
+    type: String,
+    values: roleTypes,
+    default: "tooltip"
   }
 });
-var Popper = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "popper.vue"]]);
+const usePopperProps = popperProps;
 
-export { Popper as default };
+export { Effect, popperProps, roleTypes, usePopperProps };
 //# sourceMappingURL=popper2.mjs.map

package/es/components/popper/src/popper2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"popper2.mjs","sources":["../../../../../../packages/components/popper/src/popper.vue"],"sourcesContent":["<template>\n  <slot />\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, provide, ref } from 'vue'\nimport { POPPER_INJECTION_KEY } from './constants'\nimport { popperProps } from './popper'\n\nimport type { Instance as PopperInstance } from '@popperjs/core'\nimport type { ElPopperInjectionContext } from './constants'\n\ndefineOptions({\n  name: 'ElPopper',\n  inheritAttrs: false,\n})\nconst props = defineProps(popperProps)\n\nconst triggerRef = ref<HTMLElement>()\nconst popperInstanceRef = ref<PopperInstance>()\nconst contentRef = ref<HTMLElement>()\nconst referenceRef = ref<HTMLElement>()\nconst role = computed(() => props.role)\n\nconst popperProvides = {\n  /**\n   * @description trigger element\n   */\n  triggerRef,\n  /**\n   * @description popperjs instance\n   */\n  popperInstanceRef,\n  /**\n   * @description popper content element\n   */\n  contentRef,\n  /**\n   * @description popper reference element\n   */\n  referenceRef,\n  /**\n   * @description role determines how aria attributes are distributed\n   */\n  role,\n} as ElPopperInjectionContext\n\ndefineExpose(popperProvides)\n\nprovide(POPPER_INJECTION_KEY, popperProvides)\n</script>\n"],"names":["_renderSlot"],"mappings":";;;;;mCAYc,CAAA;AAAA,EACZ,IAAM,EAAA,UAAA;AAAA,EACN,YAAc,EAAA,KAAA;AAChB,CAAA,CAAA,CAAA;;;;;;AAGA,IAAA,MAAM,aAAa,GAAiB,EAAA,CAAA;AACpC,IAAA,MAAM,oBAAoB,GAAoB,EAAA,CAAA;AAC9C,IAAA,MAAM,aAAa,GAAiB,EAAA,CAAA;AACpC,IAAA,MAAM,eAAe,GAAiB,EAAA,CAAA;AACtC,IAAA,MAAM,IAAO,GAAA,QAAA,CAAS,MAAM,KAAA,CAAM,IAAI,CAAA,CAAA;AAEtC,IAAA,MAAM,cAAiB,GAAA;AAAA,MAAA,UAAA;AAAA,MAAA,iBAAA;AAAA,MAAA,UAAA;AAAA,MAIrB,YAAA;AAAA,MAAA,IAAA;AAAA,KAAA,CAAA;AAAA,IAAA,MAAA,CAAA,cAAA,CAAA,CAAA;AAAA,IAIA,OAAA,CAAA,oBAAA,EAAA,cAAA,CAAA,CAAA;AAAA,IAAA,OAAA,CAAA,IAAA,EAAA,MAAA,KAAA;AAAA,MAAA,OAAAA,UAAA,CAAA,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA,CAAA;AAAA,KAAA,CAAA;AAAA,GAIA;AAAA,CAAA,CAAA,CAAA;AAAA,aAAA,gBAAA,WAAA,CAAA,SAAA,EAAA,CAAA,CAAA,QAAA,EAAA,YAAA,CAAA,CAAA,CAAA;;;;"}
+{"version":3,"file":"popper2.mjs","sources":["../../../../../../packages/components/popper/src/popper.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\n\nimport { buildProps } from '@element-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type Popper from './popper.vue'\n\nconst effects = ['light', 'dark'] as const\nconst triggers = ['click', 'contextmenu', 'hover', 'focus'] as const\n\nexport const Effect = {\n  LIGHT: 'light',\n  DARK: 'dark',\n} as const\n\nexport const roleTypes = [\n  'dialog',\n  'grid',\n  'group',\n  'listbox',\n  'menu',\n  'navigation',\n  'tooltip',\n  'tree',\n] as const\n\nexport type PopperEffect =\n  | typeof effects[number]\n  | (string & NonNullable<unknown>)\nexport type PopperTrigger = typeof triggers[number]\n\nexport const popperProps = buildProps({\n  role: {\n    type: String,\n    values: roleTypes,\n    default: 'tooltip',\n  },\n} as const)\n\nexport type PopperProps = ExtractPropTypes<typeof popperProps>\n\nexport type PopperInstance = InstanceType<typeof Popper> & unknown\n\n/** @deprecated use `popperProps` instead, and it will be deprecated in the next major version */\nexport const usePopperProps = popperProps\n\n/** @deprecated use `PopperProps` instead, and it will be deprecated in the next major version */\nexport type UsePopperProps = PopperProps\n"],"names":[],"mappings":";;AAGY,MAAC,MAAM,GAAG;AACtB,EAAE,KAAK,EAAE,OAAO;AAChB,EAAE,IAAI,EAAE,MAAM;AACd,EAAE;AACU,MAAC,SAAS,GAAG;AACzB,EAAE,QAAQ;AACV,EAAE,MAAM;AACR,EAAE,OAAO;AACT,EAAE,SAAS;AACX,EAAE,MAAM;AACR,EAAE,YAAY;AACd,EAAE,SAAS;AACX,EAAE,MAAM;AACR,EAAE;AACU,MAAC,WAAW,GAAG,UAAU,CAAC;AACtC,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,SAAS;AACrB,IAAI,OAAO,EAAE,SAAS;AACtB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,cAAc,GAAG;;;;"}

package/es/components/popper/src/trigger.mjs

@@ -1,131 +1,35 @@
-import { defineComponent, inject, computed, onMounted, watch, onBeforeUnmount, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot, createCommentVNode } from 'vue';
-import { isNil } from 'lodash-unified';
-import { unrefElement } from '@vueuse/core';
-import { POPPER_INJECTION_KEY } from './constants.mjs';
-import { popperTriggerProps } from './trigger2.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
-import { useForwardRef } from '../../../hooks/use-forward-ref/index.mjs';
-import { isFocusable } from '../../../utils/dom/aria.mjs';
-import { OnlyChild } from '../../slot/src/only-child.mjs';
-import { isElement } from '../../../utils/types.mjs';
+import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
 
-const __default__ = defineComponent({
-  name: "ElPopperTrigger",
-  inheritAttrs: false
+const popperTriggerProps = buildProps({
+  virtualRef: {
+    type: definePropType(Object)
+  },
+  virtualTriggering: Boolean,
+  onMouseenter: {
+    type: definePropType(Function)
+  },
+  onMouseleave: {
+    type: definePropType(Function)
+  },
+  onClick: {
+    type: definePropType(Function)
+  },
+  onKeydown: {
+    type: definePropType(Function)
+  },
+  onFocus: {
+    type: definePropType(Function)
+  },
+  onBlur: {
+    type: definePropType(Function)
+  },
+  onContextmenu: {
+    type: definePropType(Function)
+  },
+  id: String,
+  open: Boolean
 });
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: popperTriggerProps,
-  setup(__props, { expose }) {
-    const props = __props;
-    const { role, triggerRef } = inject(POPPER_INJECTION_KEY, void 0);
-    useForwardRef(triggerRef);
-    const ariaControls = computed(() => {
-      return ariaHaspopup.value ? props.id : void 0;
-    });
-    const ariaDescribedby = computed(() => {
-      if (role && role.value === "tooltip") {
-        return props.open && props.id ? props.id : void 0;
-      }
-      return void 0;
-    });
-    const ariaHaspopup = computed(() => {
-      if (role && role.value !== "tooltip") {
-        return role.value;
-      }
-      return void 0;
-    });
-    const ariaExpanded = computed(() => {
-      return ariaHaspopup.value ? `${props.open}` : void 0;
-    });
-    let virtualTriggerAriaStopWatch = void 0;
-    const TRIGGER_ELE_EVENTS = [
-      "onMouseenter",
-      "onMouseleave",
-      "onClick",
-      "onKeydown",
-      "onFocus",
-      "onBlur",
-      "onContextmenu"
-    ];
-    onMounted(() => {
-      watch(() => props.virtualRef, (virtualEl) => {
-        if (virtualEl) {
-          triggerRef.value = unrefElement(virtualEl);
-        }
-      }, {
-        immediate: true
-      });
-      watch(triggerRef, (el, prevEl) => {
-        virtualTriggerAriaStopWatch == null ? void 0 : virtualTriggerAriaStopWatch();
-        virtualTriggerAriaStopWatch = void 0;
-        if (isElement(el)) {
-          TRIGGER_ELE_EVENTS.forEach((eventName) => {
-            var _a;
-            const handler = props[eventName];
-            if (handler) {
-              el.addEventListener(eventName.slice(2).toLowerCase(), handler);
-              (_a = prevEl == null ? void 0 : prevEl.removeEventListener) == null ? void 0 : _a.call(prevEl, eventName.slice(2).toLowerCase(), handler);
-            }
-          });
-          if (isFocusable(el)) {
-            virtualTriggerAriaStopWatch = watch([ariaControls, ariaDescribedby, ariaHaspopup, ariaExpanded], (watches) => {
-              [
-                "aria-controls",
-                "aria-describedby",
-                "aria-haspopup",
-                "aria-expanded"
-              ].forEach((key, idx) => {
-                isNil(watches[idx]) ? el.removeAttribute(key) : el.setAttribute(key, watches[idx]);
-              });
-            }, { immediate: true });
-          }
-        }
-        if (isElement(prevEl) && isFocusable(prevEl)) {
-          [
-            "aria-controls",
-            "aria-describedby",
-            "aria-haspopup",
-            "aria-expanded"
-          ].forEach((key) => prevEl.removeAttribute(key));
-        }
-      }, {
-        immediate: true
-      });
-    });
-    onBeforeUnmount(() => {
-      virtualTriggerAriaStopWatch == null ? void 0 : virtualTriggerAriaStopWatch();
-      virtualTriggerAriaStopWatch = void 0;
-      if (triggerRef.value && isElement(triggerRef.value)) {
-        const el = triggerRef.value;
-        TRIGGER_ELE_EVENTS.forEach((eventName) => {
-          const handler = props[eventName];
-          if (handler) {
-            el.removeEventListener(eventName.slice(2).toLowerCase(), handler);
-          }
-        });
-        triggerRef.value = void 0;
-      }
-    });
-    expose({
-      triggerRef
-    });
-    return (_ctx, _cache) => {
-      return !_ctx.virtualTriggering ? (openBlock(), createBlock(unref(OnlyChild), mergeProps({ key: 0 }, _ctx.$attrs, {
-        "aria-controls": unref(ariaControls),
-        "aria-describedby": unref(ariaDescribedby),
-        "aria-expanded": unref(ariaExpanded),
-        "aria-haspopup": unref(ariaHaspopup)
-      }), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16, ["aria-controls", "aria-describedby", "aria-expanded", "aria-haspopup"])) : createCommentVNode("v-if", true);
-    };
-  }
-});
-var ElPopperTrigger = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "trigger.vue"]]);
+const usePopperTriggerProps = popperTriggerProps;
 
-export { ElPopperTrigger as default };
+export { popperTriggerProps, usePopperTriggerProps };
 //# sourceMappingURL=trigger.mjs.map

package/es/components/popper/src/trigger.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"trigger.mjs","sources":["../../../../../../packages/components/popper/src/trigger.vue"],"sourcesContent":["<template>\n  <el-only-child\n    v-if=\"!virtualTriggering\"\n    v-bind=\"$attrs\"\n    :aria-controls=\"ariaControls\"\n    :aria-describedby=\"ariaDescribedby\"\n    :aria-expanded=\"ariaExpanded\"\n    :aria-haspopup=\"ariaHaspopup\"\n  >\n    <slot />\n  </el-only-child>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, onBeforeUnmount, onMounted, watch } from 'vue'\nimport { isNil } from 'lodash-unified'\nimport { unrefElement } from '@vueuse/core'\nimport { ElOnlyChild } from '@element-plus/components/slot'\nimport { useForwardRef } from '@element-plus/hooks'\nimport { isElement, isFocusable } from '@element-plus/utils'\nimport { POPPER_INJECTION_KEY } from './constants'\nimport { popperTriggerProps } from './trigger'\n\nimport type { WatchStopHandle } from 'vue'\n\ndefineOptions({\n  name: 'ElPopperTrigger',\n  inheritAttrs: false,\n})\n\nconst props = defineProps(popperTriggerProps)\n\nconst { role, triggerRef } = inject(POPPER_INJECTION_KEY, undefined)!\n\nuseForwardRef(triggerRef)\n\nconst ariaControls = computed<string | undefined>(() => {\n  return ariaHaspopup.value ? props.id : undefined\n})\n\nconst ariaDescribedby = computed<string | undefined>(() => {\n  if (role && role.value === 'tooltip') {\n    return props.open && props.id ? props.id : undefined\n  }\n  return undefined\n})\n\nconst ariaHaspopup = computed<string | undefined>(() => {\n  if (role && role.value !== 'tooltip') {\n    return role.value\n  }\n  return undefined\n})\n\nconst ariaExpanded = computed<string | undefined>(() => {\n  return ariaHaspopup.value ? `${props.open}` : undefined\n})\n\nlet virtualTriggerAriaStopWatch: WatchStopHandle | undefined = undefined\n\nconst TRIGGER_ELE_EVENTS = [\n  'onMouseenter',\n  'onMouseleave',\n  'onClick',\n  'onKeydown',\n  'onFocus',\n  'onBlur',\n  'onContextmenu',\n] as const\n\nonMounted(() => {\n  watch(\n    () => props.virtualRef,\n    (virtualEl) => {\n      if (virtualEl) {\n        triggerRef.value = unrefElement(virtualEl as HTMLElement)\n      }\n    },\n    {\n      immediate: true,\n    }\n  )\n\n  watch(\n    triggerRef,\n    (el, prevEl) => {\n      virtualTriggerAriaStopWatch?.()\n      virtualTriggerAriaStopWatch = undefined\n      if (isElement(el)) {\n        TRIGGER_ELE_EVENTS.forEach((eventName) => {\n          const handler = props[eventName]\n          if (handler) {\n            ;(el as HTMLElement).addEventListener(\n              eventName.slice(2).toLowerCase(),\n              handler\n            )\n            ;(prevEl as HTMLElement)?.removeEventListener?.(\n              eventName.slice(2).toLowerCase(),\n              handler\n            )\n          }\n        })\n        if (isFocusable(el as HTMLElement)) {\n          virtualTriggerAriaStopWatch = watch(\n            [ariaControls, ariaDescribedby, ariaHaspopup, ariaExpanded],\n            (watches) => {\n              ;[\n                'aria-controls',\n                'aria-describedby',\n                'aria-haspopup',\n                'aria-expanded',\n              ].forEach((key, idx) => {\n                isNil(watches[idx])\n                  ? el.removeAttribute(key)\n                  : el.setAttribute(key, watches[idx]!)\n              })\n            },\n            { immediate: true }\n          )\n        }\n      }\n      if (isElement(prevEl) && isFocusable(prevEl as HTMLElement)) {\n        ;[\n          'aria-controls',\n          'aria-describedby',\n          'aria-haspopup',\n          'aria-expanded',\n        ].forEach((key) => prevEl.removeAttribute(key))\n      }\n    },\n    {\n      immediate: true,\n    }\n  )\n})\n\nonBeforeUnmount(() => {\n  virtualTriggerAriaStopWatch?.()\n  virtualTriggerAriaStopWatch = undefined\n  if (triggerRef.value && isElement(triggerRef.value)) {\n    const el = triggerRef.value as HTMLElement\n    TRIGGER_ELE_EVENTS.forEach((eventName) => {\n      const handler = props[eventName]\n      if (handler) {\n        el.removeEventListener(eventName.slice(2).toLowerCase(), handler)\n      }\n    })\n    triggerRef.value = undefined\n  }\n})\n\ndefineExpose({\n  /**\n   * @description trigger element\n   */\n  triggerRef,\n})\n</script>\n"],"names":["_openBlock","_createBlock","_unref","ElOnlyChild","_mergeProps","_withCtx","_renderSlot","_createCommentVNode"],"mappings":"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"}
+{"version":3,"file":"trigger.mjs","sources":["../../../../../../packages/components/popper/src/trigger.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\n\nimport type { Measurable } from './constants'\nimport type Trigger from './trigger.vue'\n\nexport const popperTriggerProps = buildProps({\n  virtualRef: {\n    type: definePropType<Measurable>(Object),\n  },\n  virtualTriggering: Boolean,\n  onMouseenter: {\n    type: definePropType<(e: Event) => void>(Function),\n  },\n  onMouseleave: {\n    type: definePropType<(e: Event) => void>(Function),\n  },\n  onClick: {\n    type: definePropType<(e: Event) => void>(Function),\n  },\n  onKeydown: {\n    type: definePropType<(e: Event) => void>(Function),\n  },\n  onFocus: {\n    type: definePropType<(e: Event) => void>(Function),\n  },\n  onBlur: {\n    type: definePropType<(e: Event) => void>(Function),\n  },\n  onContextmenu: {\n    type: definePropType<(e: Event) => void>(Function),\n  },\n  id: String,\n  open: Boolean,\n} as const)\n\nexport type PopperTriggerProps = typeof popperTriggerProps\n\nexport type PopperTriggerInstance = InstanceType<typeof Trigger> & unknown\n\n/** @deprecated use `popperTriggerProps` instead, and it will be deprecated in the next major version */\nexport const usePopperTriggerProps = popperTriggerProps\n\n/** @deprecated use `PopperTriggerInstance` instead, and it will be deprecated in the next major version */\nexport type ElPopperArrowTrigger = PopperTriggerInstance\n"],"names":[],"mappings":";;AACY,MAAC,kBAAkB,GAAG,UAAU,CAAC;AAC7C,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,GAAG;AACH,EAAE,iBAAiB,EAAE,OAAO;AAC5B,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,cAAc,CAAC,QAAQ,CAAC;AAClC,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,cAAc,CAAC,QAAQ,CAAC;AAClC,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,cAAc,CAAC,QAAQ,CAAC;AAClC,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,cAAc,CAAC,QAAQ,CAAC;AAClC,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,cAAc,CAAC,QAAQ,CAAC;AAClC,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,cAAc,CAAC,QAAQ,CAAC;AAClC,GAAG;AACH,EAAE,aAAa,EAAE;AACjB,IAAI,IAAI,EAAE,cAAc,CAAC,QAAQ,CAAC;AAClC,GAAG;AACH,EAAE,EAAE,EAAE,MAAM;AACZ,EAAE,IAAI,EAAE,OAAO;AACf,CAAC,EAAE;AACS,MAAC,qBAAqB,GAAG;;;;"}