element-pe 2.0.7 → 2.0.8

package/lib/components/page-header/src/page-header2.js

@@ -2,26 +2,68 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../../utils/index.js');
-var iconsVue = require('@element-plus/icons-vue');
-var props = require('../../../utils/vue/props.js');
-var icon = require('../../../utils/vue/icon.js');
+var vue = require('vue');
+var index$2 = require('../../icon/index.js');
+require('../../../hooks/index.js');
+var pageHeader = require('./page-header.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-locale/index.js');
+var index$1 = require('../../../hooks/use-namespace/index.js');
 
-const pageHeaderProps = props.buildProps({
-  icon: {
-    type: icon.iconPropType,
-    default: () => iconsVue.Back
-  },
-  title: String,
-  content: {
-    type: String,
-    default: ""
+const __default__ = {
+  name: "ElPageHeader"
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: pageHeader.pageHeaderProps,
+  emits: pageHeader.pageHeaderEmits,
+  setup(__props, { emit }) {
+    const { t } = index.useLocale();
+    const ns = index$1.useNamespace("page-header");
+    function handleClick() {
+      emit("back");
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(vue.unref(ns).b())
+      }, [
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass(vue.unref(ns).e("left")),
+          onClick: handleClick
+        }, [
+          _ctx.icon || _ctx.$slots.icon ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 0,
+            class: vue.normalizeClass(vue.unref(ns).e("icon"))
+          }, [
+            vue.renderSlot(_ctx.$slots, "icon", {}, () => [
+              _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.ElIcon), { key: 0 }, {
+                default: vue.withCtx(() => [
+                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon)))
+                ]),
+                _: 1
+              })) : vue.createCommentVNode("v-if", true)
+            ])
+          ], 2)) : vue.createCommentVNode("v-if", true),
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass(vue.unref(ns).e("title"))
+          }, [
+            vue.renderSlot(_ctx.$slots, "title", {}, () => [
+              vue.createTextVNode(vue.toDisplayString(_ctx.title || vue.unref(t)("el.pageHeader.title")), 1)
+            ])
+          ], 2)
+        ], 2),
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass(vue.unref(ns).e("content"))
+        }, [
+          vue.renderSlot(_ctx.$slots, "content", {}, () => [
+            vue.createTextVNode(vue.toDisplayString(_ctx.content), 1)
+          ])
+        ], 2)
+      ], 2);
+    };
   }
 });
-const pageHeaderEmits = {
-  back: () => true
-};
+var PageHeader = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/Users/meng/workspace/element-pe/packages/components/page-header/src/page-header.vue"]]);
 
-exports.pageHeaderEmits = pageHeaderEmits;
-exports.pageHeaderProps = pageHeaderProps;
+exports["default"] = PageHeader;
 //# sourceMappingURL=page-header2.js.map

package/lib/components/page-header/src/page-header2.js.map

@@ -1 +1 @@
-{"version":3,"file":"page-header2.js","sources":["../../../../../../packages/components/page-header/src/page-header.ts"],"sourcesContent":["import { buildProps, iconPropType } from '@element-plus/utils'\nimport { Back } from '@element-plus/icons-vue'\nimport type { ExtractPropTypes } from 'vue'\nimport type PageHeader from './page-header.vue'\n\nexport const pageHeaderProps = buildProps({\n  icon: {\n    type: iconPropType,\n    default: () => Back,\n  },\n  title: String,\n  content: {\n    type: String,\n    default: '',\n  },\n} as const)\nexport type PageHeaderProps = ExtractPropTypes<typeof pageHeaderProps>\n\nexport const pageHeaderEmits = {\n  back: () => true,\n}\nexport type PageHeaderEmits = typeof pageHeaderEmits\n\nexport type PageHeaderInstance = InstanceType<typeof PageHeader>\n"],"names":["buildProps","iconPropType","Back"],"mappings":";;;;;;;;;AAEY,MAAC,eAAe,GAAGA,gBAAU,CAAC;AAC1C,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAEC,iBAAY;AACtB,IAAI,OAAO,EAAE,MAAMC,aAAI;AACvB,GAAG;AACH,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,CAAC,EAAE;AACS,MAAC,eAAe,GAAG;AAC/B,EAAE,IAAI,EAAE,MAAM,IAAI;AAClB;;;;;"}
+{"version":3,"file":"page-header2.js","sources":["../../../../../../packages/components/page-header/src/page-header.vue"],"sourcesContent":["<template>\n  <div :class=\"ns.b()\">\n    <div :class=\"ns.e('left')\" @click=\"handleClick\">\n      <div v-if=\"icon || $slots.icon\" :class=\"ns.e('icon')\">\n        <slot name=\"icon\">\n          <el-icon v-if=\"icon\">\n            <component :is=\"icon\" />\n          </el-icon>\n        </slot>\n      </div>\n      <div :class=\"ns.e('title')\">\n        <slot name=\"title\">{{ title || t('el.pageHeader.title') }}</slot>\n      </div>\n    </div>\n    <div :class=\"ns.e('content')\">\n      <slot name=\"content\">{{ content }}</slot>\n    </div>\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport { ElIcon } from '@element-plus/components/icon'\n\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { pageHeaderEmits, pageHeaderProps } from './page-header'\n\ndefineOptions({\n  name: 'ElPageHeader',\n})\ndefineProps(pageHeaderProps)\nconst emit = defineEmits(pageHeaderEmits)\n\nconst { t } = useLocale()\nconst ns = useNamespace('page-header')\n\nfunction handleClick() {\n  emit('back')\n}\n</script>\n"],"names":["useLocale","useNamespace"],"mappings":";;;;;;;;;;;;;;;;;;;;AA+BA,IAAA,MAAA,EAAA,MAAAA,eAAA,EAAA,CAAA;AACA,IAAA,MAAA,EAAA,GAAAC,qBAAA,aAAA,CAAA,CAAA;AAEA,IAAA,SAAA,WAAA,GAAA;AACA,MAAA,IAAA,CAAA,MAAA,CAAA,CAAA;AAAA,KACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -7,7 +7,7 @@ var iconsVue = require('@element-plus/icons-vue');
 require('../../../utils/index.js');
 require('../../tooltip/index.js');
 var props = require('../../../utils/vue/props.js');
-var button = require('../../button/src/button2.js');
+var button = require('../../button/src/button.js');
 var icon = require('../../../utils/vue/icon.js');
 var tooltip = require('../../tooltip/src/tooltip.js');
 

package/lib/components/popper/index.js

@@ -5,10 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('../../utils/index.js');
 var popper$1 = require('./src/popper2.js');
 var arrow = require('./src/arrow.js');
-var trigger = require('./src/trigger2.js');
+var trigger = require('./src/trigger.js');
 var content = require('./src/content2.js');
 var popper = require('./src/popper.js');
-var trigger$1 = require('./src/trigger.js');
+var trigger$1 = require('./src/trigger2.js');
 var content$1 = require('./src/content.js');
 var arrow$1 = require('./src/arrow2.js');
 var deprecation = require('./src/deprecation.js');

package/lib/components/popper/src/content.vue.d.ts

@@ -191,7 +191,7 @@ declare const _default: import("vue").DefineComponent<{
         popperContentEl: any;
         arrowEl: any;
     }) => import("@popperjs/core").Instance;
-    updatePopper: () => void;
+    updatePopper: (shouldUpdateZIndex?: boolean) => void;
     togglePopperAlive: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("mouseenter" | "mouseleave")[], "mouseleave" | "mouseenter", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly style: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("vue").StyleValue>, unknown, unknown, unknown, unknown>;

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

@@ -48,10 +48,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       });
       return core.createPopper(referenceEl, popperContentEl, options);
     };
-    const updatePopper = () => {
+    const updatePopper = (shouldUpdateZIndex = true) => {
       var _a;
       (_a = vue.unref(popperInstanceRef)) == null ? void 0 : _a.update();
-      contentZIndex.value = props.zIndex || contentZIndex.value || nextZIndex();
+      shouldUpdateZIndex && (contentZIndex.value = props.zIndex || nextZIndex());
     };
     const togglePopperAlive = () => {
       var _a, _b;
@@ -60,7 +60,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         ...options,
         modifiers: [...options.modifiers || [], monitorable]
       }));
-      updatePopper();
+      updatePopper(false);
     };
     vue.onMounted(() => {
       let updateHandle;

package/lib/components/popper/src/content2.js.map

@@ -1 +1 @@
-{"version":3,"file":"content2.js","sources":["../../../../../../packages/components/popper/src/content.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"popperContentRef\"\n    :style=\"contentStyle\"\n    :class=\"contentClass\"\n    role=\"tooltip\"\n    @mouseenter=\"(e) => $emit('mouseenter', e)\"\n    @mouseleave=\"(e) => $emit('mouseleave', e)\"\n  >\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, onMounted, provide, ref, unref, watch } from 'vue'\nimport { createPopper } from '@popperjs/core'\nimport { useNamespace, useZIndex } from '@element-plus/hooks'\nimport {\n  POPPER_CONTENT_INJECTION_KEY,\n  POPPER_INJECTION_KEY,\n} from '@element-plus/tokens'\nimport { usePopperContentProps } from './content'\nimport { buildPopperOptions, unwrapMeasurableEl } from './utils'\n\nimport type { WatchStopHandle } from 'vue'\n\ndefineOptions({\n  name: 'ElPopperContent',\n})\n\ndefineEmits(['mouseenter', 'mouseleave'])\n\nconst props = defineProps(usePopperContentProps)\n\nconst { popperInstanceRef, contentRef, triggerRef } = inject(\n  POPPER_INJECTION_KEY,\n  undefined\n)!\nconst { nextZIndex } = useZIndex()\nconst ns = useNamespace('popper')\nconst popperContentRef = ref<HTMLElement>()\nconst arrowRef = ref<HTMLElement>()\nconst arrowOffset = ref<number>()\nprovide(POPPER_CONTENT_INJECTION_KEY, {\n  arrowRef,\n  arrowOffset,\n})\nconst contentZIndex = ref(props.zIndex || nextZIndex())\n\nconst computedReference = computed(\n  () => unwrapMeasurableEl(props.referenceEl) || unref(triggerRef)\n)\n\nconst contentStyle = computed(\n  () => [{ zIndex: unref(contentZIndex) }, props.popperStyle] as any\n)\n\nconst contentClass = computed(() => [\n  ns.b(),\n  ns.is('pure', props.pure),\n  ns.is(props.effect),\n  props.popperClass,\n])\n\nconst createPopperInstance = ({ referenceEl, popperContentEl, arrowEl }) => {\n  const options = buildPopperOptions(props, {\n    arrowEl,\n    arrowOffset: unref(arrowOffset),\n  })\n\n  return createPopper(referenceEl, popperContentEl, options)\n}\n\nconst updatePopper = () => {\n  unref(popperInstanceRef)?.update()\n  contentZIndex.value = props.zIndex || contentZIndex.value || nextZIndex()\n}\n\nconst togglePopperAlive = () => {\n  const monitorable = { name: 'eventListeners', enabled: props.visible }\n  unref(popperInstanceRef)?.setOptions?.((options) => ({\n    ...options,\n    modifiers: [...(options.modifiers || []), monitorable],\n  }))\n  updatePopper()\n}\n\nonMounted(() => {\n  let updateHandle: WatchStopHandle\n  watch(\n    computedReference,\n    (referenceEl) => {\n      updateHandle?.()\n      const popperInstance = unref(popperInstanceRef)\n      popperInstance?.destroy?.()\n      if (referenceEl) {\n        const popperContentEl = unref(popperContentRef)!\n        contentRef.value = popperContentEl\n\n        popperInstanceRef.value = createPopperInstance({\n          referenceEl,\n          popperContentEl,\n          arrowEl: unref(arrowRef),\n        })\n\n        updateHandle = watch(\n          () => referenceEl.getBoundingClientRect(),\n          () => updatePopper(),\n          {\n            immediate: true,\n          }\n        )\n      } else {\n        popperInstanceRef.value = undefined\n      }\n    },\n    {\n      immediate: true,\n    }\n  )\n\n  watch(() => props.visible, togglePopperAlive, { immediate: true })\n\n  watch(\n    () =>\n      buildPopperOptions(props, {\n        arrowEl: unref(arrowRef),\n        arrowOffset: unref(arrowOffset),\n      }),\n    (option) => popperInstanceRef.value?.setOptions(option)\n  )\n})\n\ndefineExpose({\n  /**\n   * @description popper content element\n   */\n  popperContentRef,\n  /**\n   * @description popperjs instance\n   */\n  popperInstanceRef,\n  /**\n   * @description method for updating popper\n   */\n  updatePopper,\n\n  /**\n   * @description content style\n   */\n  contentStyle,\n})\n</script>\n"],"names":["inject","POPPER_INJECTION_KEY","useZIndex","useNamespace","ref","provide","POPPER_CONTENT_INJECTION_KEY","computed","unwrapMeasurableEl","unref","buildPopperOptions","createPopper","onMounted","watch"],"mappings":"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"}
+{"version":3,"file":"content2.js","sources":["../../../../../../packages/components/popper/src/content.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"popperContentRef\"\n    :style=\"contentStyle\"\n    :class=\"contentClass\"\n    role=\"tooltip\"\n    @mouseenter=\"(e) => $emit('mouseenter', e)\"\n    @mouseleave=\"(e) => $emit('mouseleave', e)\"\n  >\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, onMounted, provide, ref, unref, watch } from 'vue'\nimport { createPopper } from '@popperjs/core'\nimport { useNamespace, useZIndex } from '@element-plus/hooks'\nimport {\n  POPPER_CONTENT_INJECTION_KEY,\n  POPPER_INJECTION_KEY,\n} from '@element-plus/tokens'\nimport { usePopperContentProps } from './content'\nimport { buildPopperOptions, unwrapMeasurableEl } from './utils'\n\nimport type { WatchStopHandle } from 'vue'\n\ndefineOptions({\n  name: 'ElPopperContent',\n})\n\ndefineEmits(['mouseenter', 'mouseleave'])\n\nconst props = defineProps(usePopperContentProps)\n\nconst { popperInstanceRef, contentRef, triggerRef } = inject(\n  POPPER_INJECTION_KEY,\n  undefined\n)!\nconst { nextZIndex } = useZIndex()\nconst ns = useNamespace('popper')\nconst popperContentRef = ref<HTMLElement>()\nconst arrowRef = ref<HTMLElement>()\nconst arrowOffset = ref<number>()\nprovide(POPPER_CONTENT_INJECTION_KEY, {\n  arrowRef,\n  arrowOffset,\n})\nconst contentZIndex = ref(props.zIndex || nextZIndex())\n\nconst computedReference = computed(\n  () => unwrapMeasurableEl(props.referenceEl) || unref(triggerRef)\n)\n\nconst contentStyle = computed(\n  () => [{ zIndex: unref(contentZIndex) }, props.popperStyle] as any\n)\n\nconst contentClass = computed(() => [\n  ns.b(),\n  ns.is('pure', props.pure),\n  ns.is(props.effect),\n  props.popperClass,\n])\n\nconst createPopperInstance = ({ referenceEl, popperContentEl, arrowEl }) => {\n  const options = buildPopperOptions(props, {\n    arrowEl,\n    arrowOffset: unref(arrowOffset),\n  })\n\n  return createPopper(referenceEl, popperContentEl, options)\n}\n\nconst updatePopper = (shouldUpdateZIndex = true) => {\n  unref(popperInstanceRef)?.update()\n  shouldUpdateZIndex && (contentZIndex.value = props.zIndex || nextZIndex())\n}\n\nconst togglePopperAlive = () => {\n  const monitorable = { name: 'eventListeners', enabled: props.visible }\n  unref(popperInstanceRef)?.setOptions?.((options) => ({\n    ...options,\n    modifiers: [...(options.modifiers || []), monitorable],\n  }))\n  updatePopper(false)\n}\n\nonMounted(() => {\n  let updateHandle: WatchStopHandle\n  watch(\n    computedReference,\n    (referenceEl) => {\n      updateHandle?.()\n      const popperInstance = unref(popperInstanceRef)\n      popperInstance?.destroy?.()\n      if (referenceEl) {\n        const popperContentEl = unref(popperContentRef)!\n        contentRef.value = popperContentEl\n\n        popperInstanceRef.value = createPopperInstance({\n          referenceEl,\n          popperContentEl,\n          arrowEl: unref(arrowRef),\n        })\n\n        updateHandle = watch(\n          () => referenceEl.getBoundingClientRect(),\n          () => updatePopper(),\n          {\n            immediate: true,\n          }\n        )\n      } else {\n        popperInstanceRef.value = undefined\n      }\n    },\n    {\n      immediate: true,\n    }\n  )\n\n  watch(() => props.visible, togglePopperAlive, { immediate: true })\n\n  watch(\n    () =>\n      buildPopperOptions(props, {\n        arrowEl: unref(arrowRef),\n        arrowOffset: unref(arrowOffset),\n      }),\n    (option) => popperInstanceRef.value?.setOptions(option)\n  )\n})\n\ndefineExpose({\n  /**\n   * @description popper content element\n   */\n  popperContentRef,\n  /**\n   * @description popperjs instance\n   */\n  popperInstanceRef,\n  /**\n   * @description method for updating popper\n   */\n  updatePopper,\n\n  /**\n   * @description content style\n   */\n  contentStyle,\n})\n</script>\n"],"names":["inject","POPPER_INJECTION_KEY","useZIndex","useNamespace","ref","provide","POPPER_CONTENT_INJECTION_KEY","computed","unwrapMeasurableEl","unref","buildPopperOptions","createPopper","onMounted","watch"],"mappings":"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"}

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

@@ -2,24 +2,79 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var vue = require('vue');
+var core = require('@vueuse/core');
+require('../../slot/index.js');
+require('../../../hooks/index.js');
+require('../../../tokens/index.js');
 require('../../../utils/index.js');
-var props = require('../../../utils/vue/props.js');
+var trigger = require('./trigger2.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var popper = require('../../../tokens/popper.js');
+var index = require('../../../hooks/use-forward-ref/index.js');
+var types = require('../../../utils/types.js');
+var onlyChild = require('../../slot/src/only-child.js');
 
-const usePopperTriggerProps = props.buildProps({
-  virtualRef: {
-    type: props.definePropType(Object)
-  },
-  virtualTriggering: Boolean,
-  onMouseenter: Function,
-  onMouseleave: Function,
-  onClick: Function,
-  onKeydown: Function,
-  onFocus: Function,
-  onBlur: Function,
-  onContextmenu: Function,
-  id: String,
-  open: Boolean
+const __default__ = {
+  name: "ElPopperTrigger",
+  inheritAttrs: false
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: trigger.usePopperTriggerProps,
+  setup(__props, { expose }) {
+    const props = __props;
+    const { triggerRef } = vue.inject(popper.POPPER_INJECTION_KEY, void 0);
+    index.useForwardRef(triggerRef);
+    vue.onMounted(() => {
+      vue.watch(() => props.virtualRef, (virtualEl) => {
+        if (virtualEl) {
+          triggerRef.value = core.unrefElement(virtualEl);
+        }
+      }, {
+        immediate: true
+      });
+      vue.watch(() => triggerRef.value, (el, prevEl) => {
+        if (types.isElement(el)) {
+          ;
+          [
+            "onMouseenter",
+            "onMouseleave",
+            "onClick",
+            "onKeydown",
+            "onFocus",
+            "onBlur",
+            "onContextmenu"
+          ].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);
+            }
+          });
+        }
+      }, {
+        immediate: true
+      });
+    });
+    expose({
+      triggerRef
+    });
+    return (_ctx, _cache) => {
+      return !_ctx.virtualTriggering ? (vue.openBlock(), vue.createBlock(vue.unref(onlyChild.OnlyChild), vue.mergeProps({ key: 0 }, _ctx.$attrs, {
+        "aria-describedby": _ctx.open ? _ctx.id : void 0
+      }), {
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["aria-describedby"])) : vue.createCommentVNode("v-if", true);
+    };
+  }
 });
+var ElPopperTrigger = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/Users/meng/workspace/element-pe/packages/components/popper/src/trigger.vue"]]);
 
-exports.usePopperTriggerProps = usePopperTriggerProps;
+exports["default"] = ElPopperTrigger;
 //# sourceMappingURL=trigger.js.map

package/lib/components/popper/src/trigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"trigger.js","sources":["../../../../../../packages/components/popper/src/trigger.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\nimport type { Measurable } from '@element-plus/tokens'\n\nexport const usePopperTriggerProps = buildProps({\n  virtualRef: {\n    type: definePropType<Measurable>(Object),\n  },\n  virtualTriggering: Boolean,\n  onMouseenter: Function,\n  onMouseleave: Function,\n  onClick: Function,\n  onKeydown: Function,\n  onFocus: Function,\n  onBlur: Function,\n  onContextmenu: Function,\n  id: String,\n  open: Boolean,\n} as const)\n\nexport type PopperTriggerProps = typeof usePopperTriggerProps\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;;AACY,MAAC,qBAAqB,GAAGA,gBAAU,CAAC;AAChD,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAEC,oBAAc,CAAC,MAAM,CAAC;AAChC,GAAG;AACH,EAAE,iBAAiB,EAAE,OAAO;AAC5B,EAAE,YAAY,EAAE,QAAQ;AACxB,EAAE,YAAY,EAAE,QAAQ;AACxB,EAAE,OAAO,EAAE,QAAQ;AACnB,EAAE,SAAS,EAAE,QAAQ;AACrB,EAAE,OAAO,EAAE,QAAQ;AACnB,EAAE,MAAM,EAAE,QAAQ;AAClB,EAAE,aAAa,EAAE,QAAQ;AACzB,EAAE,EAAE,EAAE,MAAM;AACZ,EAAE,IAAI,EAAE,OAAO;AACf,CAAC;;;;"}
+{"version":3,"file":"trigger.js","sources":["../../../../../../packages/components/popper/src/trigger.vue"],"sourcesContent":["<template>\n  <el-only-child\n    v-if=\"!virtualTriggering\"\n    v-bind=\"$attrs\"\n    :aria-describedby=\"open ? id : undefined\"\n  >\n    <slot />\n  </el-only-child>\n</template>\n\n<script lang=\"ts\" setup>\nimport { inject, onMounted, watch } from 'vue'\nimport { unrefElement } from '@vueuse/core'\nimport { ElOnlyChild } from '@element-plus/components/slot'\nimport { useForwardRef } from '@element-plus/hooks'\nimport { POPPER_INJECTION_KEY } from '@element-plus/tokens'\nimport { isElement } from '@element-plus/utils'\nimport { usePopperTriggerProps } from './trigger'\n\ndefineOptions({\n  name: 'ElPopperTrigger',\n  inheritAttrs: false,\n})\n\nconst props = defineProps(usePopperTriggerProps)\n\nconst { triggerRef } = inject(POPPER_INJECTION_KEY, undefined)!\n\nuseForwardRef(triggerRef)\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.value,\n    (el, prevEl) => {\n      if (isElement(el)) {\n        ;[\n          'onMouseenter',\n          'onMouseleave',\n          'onClick',\n          'onKeydown',\n          'onFocus',\n          'onBlur',\n          'onContextmenu',\n        ].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      }\n    },\n    {\n      immediate: true,\n    }\n  )\n})\n\ndefineExpose({\n  /**\n   * @description trigger element\n   */\n  triggerRef,\n})\n</script>\n"],"names":["inject","POPPER_INJECTION_KEY","useForwardRef","onMounted","watch","unrefElement","isElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,IAAA,MAAA,EAAA,UAAA,EAAA,GAAAA,UAAA,CAAAC,2BAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAEA,IAAAC,mBAAA,CAAA,UAAA,CAAA,CAAA;AAEA,IAAAC,aAAA,CAAA,MAAA;AACA,MAAAC,SAAA,CACA,MAAA,KAAA,CAAA,UACA,EAAA,CAAA,SAAA,KAAA;AACA,QAAA,IAAA,SAAA,EAAA;AACA,UAAA,UAAA,CAAA,KAAA,GAAAC,kBAAA,SAAA,CAAA,CAAA;AAAA,SACA;AAAA,OAEA,EAAA;AAAA,QACA,SAAA,EAAA,IAAA;AAAA,OAEA,CAAA,CAAA;AAEA,MAAAD,SAAA,CACA,MAAA,UAAA,CAAA,KACA,EAAA,CAAA,IAAA,MAAA,KAAA;AACA,QAAA,IAAAE,eAAA,CAAA,EAAA,CAAA,EAAA;AACA,UAAA,CAAA;AAAA,UAAA;AAAA,YACA,cAAA;AAAA,YACA,cAAA;AAAA,YACA,SAAA;AAAA,YACA,WAAA;AAAA,YACA,SAAA;AAAA,YACA,QAAA;AAAA,YACA,eAAA;AAAA,WACA,CAAA,OAAA,CAAA,CAAA,SAAA,KAAA;AACA,YAAA,IAAA,EAAA;AACA,YAAA,MAAA,OAAA,GAAA,KAAA,CAAA,SAAA,CAAA,CAAA;AACA,YAAA,IAAA,OAAA,EAAA;AAAA,cAAA,CAAA;AAIA,cAAA,EAAA,CAAA,2BACA,KAAA,CAAA,CAAA,CAAA,CAAA,WAAA,EAAA,EAAA,OAAA;AAEA,cACA,CAAA,EAAA,GAAA,MAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAA,mBAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA,KAAA,CAAA,CAAA,CAAA,CAAA,WAAA,EAAA,EAAA,OAAA,CAAA,CAAA;AAAA,aACA;AAAA,WACA,CAAA,CAAA;AAAA,SAEA;AAAA,OAAA,EACA;AAAA,QAEA,SAAA,EAAA,IAAA;AAAA,OACA,CAAA,CAAA;AAEA,KAAA,CAAA,CAAA;AAAA,IAIA,MAAA,CAAA;AAAA,MACA,UAAA;;;;;;;;;;;;;;;;;;"}

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

@@ -2,79 +2,24 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var core = require('@vueuse/core');
-require('../../slot/index.js');
-require('../../../hooks/index.js');
-require('../../../tokens/index.js');
 require('../../../utils/index.js');
-var trigger = require('./trigger.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var popper = require('../../../tokens/popper.js');
-var index = require('../../../hooks/use-forward-ref/index.js');
-var types = require('../../../utils/types.js');
-var onlyChild = require('../../slot/src/only-child.js');
+var props = require('../../../utils/vue/props.js');
 
-const __default__ = {
-  name: "ElPopperTrigger",
-  inheritAttrs: false
-};
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: trigger.usePopperTriggerProps,
-  setup(__props, { expose }) {
-    const props = __props;
-    const { triggerRef } = vue.inject(popper.POPPER_INJECTION_KEY, void 0);
-    index.useForwardRef(triggerRef);
-    vue.onMounted(() => {
-      vue.watch(() => props.virtualRef, (virtualEl) => {
-        if (virtualEl) {
-          triggerRef.value = core.unrefElement(virtualEl);
-        }
-      }, {
-        immediate: true
-      });
-      vue.watch(() => triggerRef.value, (el, prevEl) => {
-        if (types.isElement(el)) {
-          ;
-          [
-            "onMouseenter",
-            "onMouseleave",
-            "onClick",
-            "onKeydown",
-            "onFocus",
-            "onBlur",
-            "onContextmenu"
-          ].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);
-            }
-          });
-        }
-      }, {
-        immediate: true
-      });
-    });
-    expose({
-      triggerRef
-    });
-    return (_ctx, _cache) => {
-      return !_ctx.virtualTriggering ? (vue.openBlock(), vue.createBlock(vue.unref(onlyChild.OnlyChild), vue.mergeProps({ key: 0 }, _ctx.$attrs, {
-        "aria-describedby": _ctx.open ? _ctx.id : void 0
-      }), {
-        default: vue.withCtx(() => [
-          vue.renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16, ["aria-describedby"])) : vue.createCommentVNode("v-if", true);
-    };
-  }
+const usePopperTriggerProps = props.buildProps({
+  virtualRef: {
+    type: props.definePropType(Object)
+  },
+  virtualTriggering: Boolean,
+  onMouseenter: Function,
+  onMouseleave: Function,
+  onClick: Function,
+  onKeydown: Function,
+  onFocus: Function,
+  onBlur: Function,
+  onContextmenu: Function,
+  id: String,
+  open: Boolean
 });
-var ElPopperTrigger = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/Users/meng/workspace/element-pe/packages/components/popper/src/trigger.vue"]]);
 
-exports["default"] = ElPopperTrigger;
+exports.usePopperTriggerProps = usePopperTriggerProps;
 //# sourceMappingURL=trigger2.js.map

package/lib/components/popper/src/trigger2.js.map

@@ -1 +1 @@
-{"version":3,"file":"trigger2.js","sources":["../../../../../../packages/components/popper/src/trigger.vue"],"sourcesContent":["<template>\n  <el-only-child\n    v-if=\"!virtualTriggering\"\n    v-bind=\"$attrs\"\n    :aria-describedby=\"open ? id : undefined\"\n  >\n    <slot />\n  </el-only-child>\n</template>\n\n<script lang=\"ts\" setup>\nimport { inject, onMounted, watch } from 'vue'\nimport { unrefElement } from '@vueuse/core'\nimport { ElOnlyChild } from '@element-plus/components/slot'\nimport { useForwardRef } from '@element-plus/hooks'\nimport { POPPER_INJECTION_KEY } from '@element-plus/tokens'\nimport { isElement } from '@element-plus/utils'\nimport { usePopperTriggerProps } from './trigger'\n\ndefineOptions({\n  name: 'ElPopperTrigger',\n  inheritAttrs: false,\n})\n\nconst props = defineProps(usePopperTriggerProps)\n\nconst { triggerRef } = inject(POPPER_INJECTION_KEY, undefined)!\n\nuseForwardRef(triggerRef)\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.value,\n    (el, prevEl) => {\n      if (isElement(el)) {\n        ;[\n          'onMouseenter',\n          'onMouseleave',\n          'onClick',\n          'onKeydown',\n          'onFocus',\n          'onBlur',\n          'onContextmenu',\n        ].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      }\n    },\n    {\n      immediate: true,\n    }\n  )\n})\n\ndefineExpose({\n  /**\n   * @description trigger element\n   */\n  triggerRef,\n})\n</script>\n"],"names":["inject","POPPER_INJECTION_KEY","useForwardRef","onMounted","watch","unrefElement","isElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,IAAA,MAAA,EAAA,UAAA,EAAA,GAAAA,UAAA,CAAAC,2BAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAEA,IAAAC,mBAAA,CAAA,UAAA,CAAA,CAAA;AAEA,IAAAC,aAAA,CAAA,MAAA;AACA,MAAAC,SAAA,CACA,MAAA,KAAA,CAAA,UACA,EAAA,CAAA,SAAA,KAAA;AACA,QAAA,IAAA,SAAA,EAAA;AACA,UAAA,UAAA,CAAA,KAAA,GAAAC,kBAAA,SAAA,CAAA,CAAA;AAAA,SACA;AAAA,OAEA,EAAA;AAAA,QACA,SAAA,EAAA,IAAA;AAAA,OAEA,CAAA,CAAA;AAEA,MAAAD,SAAA,CACA,MAAA,UAAA,CAAA,KACA,EAAA,CAAA,IAAA,MAAA,KAAA;AACA,QAAA,IAAAE,eAAA,CAAA,EAAA,CAAA,EAAA;AACA,UAAA,CAAA;AAAA,UAAA;AAAA,YACA,cAAA;AAAA,YACA,cAAA;AAAA,YACA,SAAA;AAAA,YACA,WAAA;AAAA,YACA,SAAA;AAAA,YACA,QAAA;AAAA,YACA,eAAA;AAAA,WACA,CAAA,OAAA,CAAA,CAAA,SAAA,KAAA;AACA,YAAA,IAAA,EAAA;AACA,YAAA,MAAA,OAAA,GAAA,KAAA,CAAA,SAAA,CAAA,CAAA;AACA,YAAA,IAAA,OAAA,EAAA;AAAA,cAAA,CAAA;AAIA,cAAA,EAAA,CAAA,2BACA,KAAA,CAAA,CAAA,CAAA,CAAA,WAAA,EAAA,EAAA,OAAA;AAEA,cACA,CAAA,EAAA,GAAA,MAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAA,mBAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA,KAAA,CAAA,CAAA,CAAA,CAAA,WAAA,EAAA,EAAA,OAAA,CAAA,CAAA;AAAA,aACA;AAAA,WACA,CAAA,CAAA;AAAA,SAEA;AAAA,OAAA,EACA;AAAA,QAEA,SAAA,EAAA,IAAA;AAAA,OACA,CAAA,CAAA;AAEA,KAAA,CAAA,CAAA;AAAA,IAIA,MAAA,CAAA;AAAA,MACA,UAAA;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"trigger2.js","sources":["../../../../../../packages/components/popper/src/trigger.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\nimport type { Measurable } from '@element-plus/tokens'\n\nexport const usePopperTriggerProps = buildProps({\n  virtualRef: {\n    type: definePropType<Measurable>(Object),\n  },\n  virtualTriggering: Boolean,\n  onMouseenter: Function,\n  onMouseleave: Function,\n  onClick: Function,\n  onKeydown: Function,\n  onFocus: Function,\n  onBlur: Function,\n  onContextmenu: Function,\n  id: String,\n  open: Boolean,\n} as const)\n\nexport type PopperTriggerProps = typeof usePopperTriggerProps\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;;AACY,MAAC,qBAAqB,GAAGA,gBAAU,CAAC;AAChD,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAEC,oBAAc,CAAC,MAAM,CAAC;AAChC,GAAG;AACH,EAAE,iBAAiB,EAAE,OAAO;AAC5B,EAAE,YAAY,EAAE,QAAQ;AACxB,EAAE,YAAY,EAAE,QAAQ;AACxB,EAAE,OAAO,EAAE,QAAQ;AACnB,EAAE,SAAS,EAAE,QAAQ;AACrB,EAAE,OAAO,EAAE,QAAQ;AACnB,EAAE,MAAM,EAAE,QAAQ;AAClB,EAAE,aAAa,EAAE,QAAQ;AACzB,EAAE,EAAE,EAAE,MAAM;AACZ,EAAE,IAAI,EAAE,OAAO;AACf,CAAC;;;;"}

package/lib/components/progress/index.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('../../utils/index.js');
-var progress$1 = require('./src/progress.js');
-var progress = require('./src/progress2.js');
+var progress$1 = require('./src/progress2.js');
+var progress = require('./src/progress.js');
 var install = require('../../utils/vue/install.js');
 
 const ElProgress = install.withInstall(progress$1["default"]);