element-pe 2.2.96 → 2.2.97

package/es/components/popover/index.d.ts

@@ -324,8 +324,8 @@ export declare const ElPopover: import("element-pe/es/utils").SFCWithInstall<imp
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{
-            offset: number;
             effect: string;
+            offset: number;
             placement: import("element-pe/es/utils").EpPropMergeType<StringConstructor, import("@popperjs/core").Placement, unknown>;
             showArrow: import("element-pe/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
             showAfter: number;
@@ -677,7 +677,7 @@ export declare const ElPopover: import("element-pe/es/utils").SFCWithInstall<imp
             role: import("element-pe/es/utils").EpPropFinalized<StringConstructor, "group" | "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "navigation" | "tree", unknown, "tooltip", boolean>;
         }>> & {
             [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "offset" | "effect" | "placement" | "showArrow" | "showAfter" | "hideAfter" | "autoClose" | "boundariesPadding" | "fallbackPlacements" | "gpuAcceleration" | "popperOptions" | "strategy" | "enterable" | "focusOnShow" | "trapping" | "stopPopperMouseEvent" | "visible" | "pure" | "virtualTriggering" | "content" | "rawContent" | "teleported" | "persistent" | "disabled" | "open" | "role" | "trigger" | "triggerKeys" | "arrowOffset">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "effect" | "offset" | "placement" | "showArrow" | "showAfter" | "hideAfter" | "autoClose" | "boundariesPadding" | "fallbackPlacements" | "gpuAcceleration" | "popperOptions" | "strategy" | "enterable" | "focusOnShow" | "trapping" | "stopPopperMouseEvent" | "visible" | "pure" | "virtualTriggering" | "content" | "rawContent" | "teleported" | "persistent" | "disabled" | "open" | "role" | "trigger" | "triggerKeys" | "arrowOffset">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -3291,8 +3291,8 @@ export declare const ElPopover: import("element-pe/es/utils").SFCWithInstall<imp
                     onMouseleave?: ((evt: MouseEvent) => any) | undefined;
                     onMouseenter?: ((evt: MouseEvent) => any) | undefined;
                 }, {
-                    readonly offset: number;
                     readonly effect: string;
+                    readonly offset: number;
                     readonly placement: import("element-pe/es/utils").EpPropMergeType<StringConstructor, import("@popperjs/core").Placement, unknown>;
                     readonly boundariesPadding: number;
                     readonly fallbackPlacements: import("@popperjs/core").Placement[];
@@ -3571,8 +3571,8 @@ export declare const ElPopover: import("element-pe/es/utils").SFCWithInstall<imp
                 readonly hideAfter: import("element-pe/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 200, boolean>;
                 readonly autoClose: import("element-pe/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
             }>>, {
-                readonly offset: number;
                 readonly effect: string;
+                readonly offset: number;
                 readonly placement: import("element-pe/es/utils").EpPropMergeType<StringConstructor, import("@popperjs/core").Placement, unknown>;
                 readonly showAfter: number;
                 readonly hideAfter: number;
@@ -3596,8 +3596,8 @@ export declare const ElPopover: import("element-pe/es/utils").SFCWithInstall<imp
                 readonly disabled: boolean;
             }>;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, {
-            offset: number;
             effect: string;
+            offset: number;
             placement: import("element-pe/es/utils").EpPropMergeType<StringConstructor, import("@popperjs/core").Placement, unknown>;
             showArrow: import("element-pe/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
             showAfter: number;
@@ -6245,8 +6245,8 @@ export declare const ElPopover: import("element-pe/es/utils").SFCWithInstall<imp
                 onMouseleave?: ((evt: MouseEvent) => any) | undefined;
                 onMouseenter?: ((evt: MouseEvent) => any) | undefined;
             }, {
-                readonly offset: number;
                 readonly effect: string;
+                readonly offset: number;
                 readonly placement: import("element-pe/es/utils").EpPropMergeType<StringConstructor, import("@popperjs/core").Placement, unknown>;
                 readonly boundariesPadding: number;
                 readonly fallbackPlacements: import("@popperjs/core").Placement[];
@@ -6525,8 +6525,8 @@ export declare const ElPopover: import("element-pe/es/utils").SFCWithInstall<imp
             readonly hideAfter: import("element-pe/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 200, boolean>;
             readonly autoClose: import("element-pe/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
         }>>, {
-            readonly offset: number;
             readonly effect: string;
+            readonly offset: number;
             readonly placement: import("element-pe/es/utils").EpPropMergeType<StringConstructor, import("@popperjs/core").Placement, unknown>;
             readonly showAfter: number;
             readonly hideAfter: number;
@@ -9252,8 +9252,8 @@ export declare const ElPopover: import("element-pe/es/utils").SFCWithInstall<imp
                 onMouseleave?: ((evt: MouseEvent) => any) | undefined;
                 onMouseenter?: ((evt: MouseEvent) => any) | undefined;
             }, {
-                readonly offset: number;
                 readonly effect: string;
+                readonly offset: number;
                 readonly placement: import("element-pe/es/utils").EpPropMergeType<StringConstructor, import("@popperjs/core").Placement, unknown>;
                 readonly boundariesPadding: number;
                 readonly fallbackPlacements: import("@popperjs/core").Placement[];
@@ -9532,8 +9532,8 @@ export declare const ElPopover: import("element-pe/es/utils").SFCWithInstall<imp
             readonly hideAfter: import("element-pe/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 200, boolean>;
             readonly autoClose: import("element-pe/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
         }>>, {
-            readonly offset: number;
             readonly effect: string;
+            readonly offset: number;
             readonly placement: import("element-pe/es/utils").EpPropMergeType<StringConstructor, import("@popperjs/core").Placement, unknown>;
             readonly showAfter: number;
             readonly hideAfter: number;
@@ -9881,8 +9881,8 @@ export declare const ElPopover: import("element-pe/es/utils").SFCWithInstall<imp
     }>> & {
         [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
     }, {
-        offset: number;
         effect: string;
+        offset: number;
         placement: import("element-pe/es/utils").EpPropMergeType<StringConstructor, import("@popperjs/core").Placement, unknown>;
         showArrow: import("element-pe/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         showAfter: number;
@@ -10070,9 +10070,9 @@ export declare const ElPopover: import("element-pe/es/utils").SFCWithInstall<imp
     "onAfter-enter"?: (() => any) | undefined;
     "onAfter-leave"?: (() => any) | undefined;
 }, {
+    readonly effect: string;
     readonly offset: number;
     readonly width: import("element-pe/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
-    readonly effect: string;
     readonly placement: import("element-pe/es/utils").EpPropMergeType<(new (...args: any[]) => import("@popperjs/core").Placement & {}) | (() => import("@popperjs/core").Placement) | ((new (...args: any[]) => import("@popperjs/core").Placement & {}) | (() => import("@popperjs/core").Placement))[], unknown, unknown>;
     readonly showArrow: import("element-pe/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly showAfter: number;

package/es/components/popover/src/popover.vue.d.ts

@@ -323,8 +323,8 @@ declare const _default: import("vue").DefineComponent<{
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{
-            offset: number;
             effect: string;
+            offset: number;
             placement: import("element-pe/es/utils").EpPropMergeType<StringConstructor, import("@popperjs/core").Placement, unknown>;
             showArrow: import("element-pe/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
             showAfter: number;
@@ -676,7 +676,7 @@ declare const _default: import("vue").DefineComponent<{
             role: import("element-pe/es/utils").EpPropFinalized<StringConstructor, "group" | "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "navigation" | "tree", unknown, "tooltip", boolean>;
         }>> & {
             [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "offset" | "effect" | "placement" | "showArrow" | "showAfter" | "hideAfter" | "autoClose" | "boundariesPadding" | "fallbackPlacements" | "gpuAcceleration" | "popperOptions" | "strategy" | "enterable" | "focusOnShow" | "trapping" | "stopPopperMouseEvent" | "visible" | "pure" | "virtualTriggering" | "content" | "rawContent" | "teleported" | "persistent" | "disabled" | "open" | "role" | "trigger" | "triggerKeys" | "arrowOffset">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "effect" | "offset" | "placement" | "showArrow" | "showAfter" | "hideAfter" | "autoClose" | "boundariesPadding" | "fallbackPlacements" | "gpuAcceleration" | "popperOptions" | "strategy" | "enterable" | "focusOnShow" | "trapping" | "stopPopperMouseEvent" | "visible" | "pure" | "virtualTriggering" | "content" | "rawContent" | "teleported" | "persistent" | "disabled" | "open" | "role" | "trigger" | "triggerKeys" | "arrowOffset">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -3290,8 +3290,8 @@ declare const _default: import("vue").DefineComponent<{
                     onMouseleave?: ((evt: MouseEvent) => any) | undefined;
                     onMouseenter?: ((evt: MouseEvent) => any) | undefined;
                 }, {
-                    readonly offset: number;
                     readonly effect: string;
+                    readonly offset: number;
                     readonly placement: import("element-pe/es/utils").EpPropMergeType<StringConstructor, import("@popperjs/core").Placement, unknown>;
                     readonly boundariesPadding: number;
                     readonly fallbackPlacements: import("@popperjs/core").Placement[];
@@ -3570,8 +3570,8 @@ declare const _default: import("vue").DefineComponent<{
                 readonly hideAfter: import("element-pe/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 200, boolean>;
                 readonly autoClose: import("element-pe/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
             }>>, {
-                readonly offset: number;
                 readonly effect: string;
+                readonly offset: number;
                 readonly placement: import("element-pe/es/utils").EpPropMergeType<StringConstructor, import("@popperjs/core").Placement, unknown>;
                 readonly showAfter: number;
                 readonly hideAfter: number;
@@ -3595,8 +3595,8 @@ declare const _default: import("vue").DefineComponent<{
                 readonly disabled: boolean;
             }>;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, {
-            offset: number;
             effect: string;
+            offset: number;
             placement: import("element-pe/es/utils").EpPropMergeType<StringConstructor, import("@popperjs/core").Placement, unknown>;
             showArrow: import("element-pe/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
             showAfter: number;
@@ -6244,8 +6244,8 @@ declare const _default: import("vue").DefineComponent<{
                 onMouseleave?: ((evt: MouseEvent) => any) | undefined;
                 onMouseenter?: ((evt: MouseEvent) => any) | undefined;
             }, {
-                readonly offset: number;
                 readonly effect: string;
+                readonly offset: number;
                 readonly placement: import("element-pe/es/utils").EpPropMergeType<StringConstructor, import("@popperjs/core").Placement, unknown>;
                 readonly boundariesPadding: number;
                 readonly fallbackPlacements: import("@popperjs/core").Placement[];
@@ -6524,8 +6524,8 @@ declare const _default: import("vue").DefineComponent<{
             readonly hideAfter: import("element-pe/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 200, boolean>;
             readonly autoClose: import("element-pe/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
         }>>, {
-            readonly offset: number;
             readonly effect: string;
+            readonly offset: number;
             readonly placement: import("element-pe/es/utils").EpPropMergeType<StringConstructor, import("@popperjs/core").Placement, unknown>;
             readonly showAfter: number;
             readonly hideAfter: number;
@@ -9251,8 +9251,8 @@ declare const _default: import("vue").DefineComponent<{
                 onMouseleave?: ((evt: MouseEvent) => any) | undefined;
                 onMouseenter?: ((evt: MouseEvent) => any) | undefined;
             }, {
-                readonly offset: number;
                 readonly effect: string;
+                readonly offset: number;
                 readonly placement: import("element-pe/es/utils").EpPropMergeType<StringConstructor, import("@popperjs/core").Placement, unknown>;
                 readonly boundariesPadding: number;
                 readonly fallbackPlacements: import("@popperjs/core").Placement[];
@@ -9531,8 +9531,8 @@ declare const _default: import("vue").DefineComponent<{
             readonly hideAfter: import("element-pe/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 200, boolean>;
             readonly autoClose: import("element-pe/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
         }>>, {
-            readonly offset: number;
             readonly effect: string;
+            readonly offset: number;
             readonly placement: import("element-pe/es/utils").EpPropMergeType<StringConstructor, import("@popperjs/core").Placement, unknown>;
             readonly showAfter: number;
             readonly hideAfter: number;
@@ -9880,8 +9880,8 @@ declare const _default: import("vue").DefineComponent<{
     }>> & {
         [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
     }, {
-        offset: number;
         effect: string;
+        offset: number;
         placement: import("element-pe/es/utils").EpPropMergeType<StringConstructor, import("@popperjs/core").Placement, unknown>;
         showArrow: import("element-pe/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         showAfter: number;
@@ -10069,9 +10069,9 @@ declare const _default: import("vue").DefineComponent<{
     "onAfter-enter"?: (() => any) | undefined;
     "onAfter-leave"?: (() => any) | undefined;
 }, {
+    readonly effect: string;
     readonly offset: number;
     readonly width: import("element-pe/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
-    readonly effect: string;
     readonly placement: import("element-pe/es/utils").EpPropMergeType<(new (...args: any[]) => import("@popperjs/core").Placement & {}) | (() => import("@popperjs/core").Placement) | ((new (...args: any[]) => import("@popperjs/core").Placement & {}) | (() => import("@popperjs/core").Placement))[], unknown, unknown>;
     readonly showArrow: import("element-pe/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly showAfter: number;

package/es/components/popover/src/popover2.mjs

@@ -2,8 +2,8 @@ import '../../../utils/index.mjs';
 import '../../tooltip/index.mjs';
 import '../../dropdown/index.mjs';
 import { buildProps } from '../../../utils/vue/props/runtime.mjs';
-import { useTooltipTriggerProps } from '../../tooltip/src/trigger2.mjs';
-import { dropdownProps } from '../../dropdown/src/dropdown.mjs';
+import { useTooltipTriggerProps } from '../../tooltip/src/trigger.mjs';
+import { dropdownProps } from '../../dropdown/src/dropdown2.mjs';
 import { useTooltipContentProps } from '../../tooltip/src/content.mjs';
 import { isBoolean } from '../../../utils/types.mjs';
 

package/es/components/popper/index.mjs

@@ -1,12 +1,12 @@
 import '../../utils/index.mjs';
 import Popper from './src/popper.mjs';
-export { default as ElPopperArrow } from './src/arrow.mjs';
+export { default as ElPopperArrow } from './src/arrow2.mjs';
 export { default as ElPopperTrigger } from './src/trigger2.mjs';
 export { default as ElPopperContent } from './src/content2.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/arrow2.mjs';
+export { popperArrowProps, usePopperArrowProps } from './src/arrow.mjs';
 export { POPPER_CONTENT_INJECTION_KEY, POPPER_INJECTION_KEY } from './src/constants.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 

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

@@ -1,44 +1,13 @@
-import { defineComponent, inject, onBeforeUnmount, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle } from 'vue';
-import '../../config-provider/index.mjs';
-import '../../../hooks/index.mjs';
-import { POPPER_CONTENT_INJECTION_KEY } from './constants.mjs';
-import { popperArrowProps } from './arrow2.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
-import { watch } from '../../config-provider/src/for-editor.mjs';
+import '../../../utils/index.mjs';
+import { buildProps } from '../../../utils/vue/props/runtime.mjs';
 
-const __default__ = defineComponent({
-  name: "ElPopperArrow",
-  inheritAttrs: false
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: popperArrowProps,
-  setup(__props, { expose }) {
-    const props = __props;
-    const ns = useNamespace("popper");
-    const { arrowOffset, arrowRef, arrowStyle } = inject(POPPER_CONTENT_INJECTION_KEY, void 0);
-    watch(() => props.arrowOffset, (val) => {
-      arrowOffset.value = val;
-    });
-    onBeforeUnmount(() => {
-      arrowRef.value = void 0;
-    });
-    expose({
-      arrowRef
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("span", {
-        ref_key: "arrowRef",
-        ref: arrowRef,
-        class: normalizeClass(unref(ns).e("arrow")),
-        style: normalizeStyle(unref(arrowStyle)),
-        "data-popper-arrow": ""
-      }, null, 6);
-    };
+const popperArrowProps = buildProps({
+  arrowOffset: {
+    type: Number,
+    default: 5
   }
 });
-var ElPopperArrow = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:\\workspace\\element-pe\\packages\\components\\popper\\src\\arrow.vue"]]);
+const usePopperArrowProps = popperArrowProps;
 
-export { ElPopperArrow as default };
+export { popperArrowProps, usePopperArrowProps };
 //# sourceMappingURL=arrow.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"arrow.mjs","sources":["../../../../../../packages/components/popper/src/arrow.vue"],"sourcesContent":["<template>\n  <span\n    ref=\"arrowRef\"\n    :class=\"ns.e('arrow')\"\n    :style=\"arrowStyle\"\n    data-popper-arrow\n  />\n</template>\n\n<script lang=\"ts\" setup>\nimport { inject, onBeforeUnmount } from 'vue'\nimport { watch } from '../../config-provider'\nimport { useNamespace } from '@element-plus/hooks'\nimport { POPPER_CONTENT_INJECTION_KEY } from './constants'\nimport { popperArrowProps } from './arrow'\n\ndefineOptions({\n  name: 'ElPopperArrow',\n  inheritAttrs: false,\n})\n\nconst props = defineProps(popperArrowProps)\n\nconst ns = useNamespace('popper')\nconst { arrowOffset, arrowRef, arrowStyle } = inject(\n  POPPER_CONTENT_INJECTION_KEY,\n  undefined\n)!\n\nwatch(\n  () => props.arrowOffset,\n  (val) => {\n    arrowOffset.value = val\n  }\n)\nonBeforeUnmount(() => {\n  arrowRef.value = undefined\n})\n\ndefineExpose({\n  /**\n   * @description Arrow element\n   */\n  arrowRef,\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;mCAgBc,CAAA;AAAA,EACZ,IAAM,EAAA,eAAA;AAAA,EACN,YAAc,EAAA,KAAA;AAChB,CAAA,CAAA,CAAA;;;;;;AAIA,IAAM,MAAA,EAAA,GAAK,aAAa,QAAQ,CAAA,CAAA;AAChC,IAAA,MAAM,EAAE,WAAa,EAAA,QAAA,EAAU,UAAe,EAAA,GAAA,MAAA,CAC5C,8BACA,KACF,CAAA,CAAA,CAAA;AAEA,IAAA,KAAA,CACE,MAAM,KAAA,CAAM,WACZ,EAAA,CAAC,GAAQ,KAAA;AACP,MAAA,WAAA,CAAY,KAAQ,GAAA,GAAA,CAAA;AAAA,KAExB,CAAA,CAAA;AACA,IAAA,eAAA,CAAgB,MAAM;AACpB,MAAA,QAAA,CAAS,KAAQ,GAAA,KAAA,CAAA,CAAA;AAAA,KAClB,CAAA,CAAA;AAED,IAAa,MAAA,CAAA;AAAA,MAIX,QAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"arrow.mjs","sources":["../../../../../../packages/components/popper/src/arrow.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type Arrow from './arrow.vue'\n\nexport const popperArrowProps = buildProps({\n  arrowOffset: {\n    type: Number,\n    default: 5,\n  },\n} as const)\nexport type PopperArrowProps = ExtractPropTypes<typeof popperArrowProps>\n\nexport type PopperArrowInstance = InstanceType<typeof Arrow>\n\n/** @deprecated use `popperArrowProps` instead, and it will be deprecated in the next major version */\nexport const usePopperArrowProps = popperArrowProps\n\n/** @deprecated use `PopperArrowProps` instead, and it will be deprecated in the next major version */\nexport type UsePopperArrowProps = PopperArrowProps\n\n/** @deprecated use `PopperArrowInstance` instead, and it will be deprecated in the next major version */\nexport type ElPopperArrowInstance = PopperArrowInstance\n"],"names":[],"mappings":";;;AACY,MAAC,gBAAgB,GAAG,UAAU,CAAC;AAC3C,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,CAAC,EAAE;AACS,MAAC,mBAAmB,GAAG;;;;"}

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

@@ -1,13 +1,44 @@
-import '../../../utils/index.mjs';
-import { buildProps } from '../../../utils/vue/props/runtime.mjs';
+import { defineComponent, inject, onBeforeUnmount, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle } from 'vue';
+import '../../config-provider/index.mjs';
+import '../../../hooks/index.mjs';
+import { POPPER_CONTENT_INJECTION_KEY } from './constants.mjs';
+import { popperArrowProps } from './arrow.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import { watch } from '../../config-provider/src/for-editor.mjs';
 
-const popperArrowProps = buildProps({
-  arrowOffset: {
-    type: Number,
-    default: 5
+const __default__ = defineComponent({
+  name: "ElPopperArrow",
+  inheritAttrs: false
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: popperArrowProps,
+  setup(__props, { expose }) {
+    const props = __props;
+    const ns = useNamespace("popper");
+    const { arrowOffset, arrowRef, arrowStyle } = inject(POPPER_CONTENT_INJECTION_KEY, void 0);
+    watch(() => props.arrowOffset, (val) => {
+      arrowOffset.value = val;
+    });
+    onBeforeUnmount(() => {
+      arrowRef.value = void 0;
+    });
+    expose({
+      arrowRef
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", {
+        ref_key: "arrowRef",
+        ref: arrowRef,
+        class: normalizeClass(unref(ns).e("arrow")),
+        style: normalizeStyle(unref(arrowStyle)),
+        "data-popper-arrow": ""
+      }, null, 6);
+    };
   }
 });
-const usePopperArrowProps = popperArrowProps;
+var ElPopperArrow = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:\\workspace\\element-pe\\packages\\components\\popper\\src\\arrow.vue"]]);
 
-export { popperArrowProps, usePopperArrowProps };
+export { ElPopperArrow as default };
 //# sourceMappingURL=arrow2.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"arrow2.mjs","sources":["../../../../../../packages/components/popper/src/arrow.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type Arrow from './arrow.vue'\n\nexport const popperArrowProps = buildProps({\n  arrowOffset: {\n    type: Number,\n    default: 5,\n  },\n} as const)\nexport type PopperArrowProps = ExtractPropTypes<typeof popperArrowProps>\n\nexport type PopperArrowInstance = InstanceType<typeof Arrow>\n\n/** @deprecated use `popperArrowProps` instead, and it will be deprecated in the next major version */\nexport const usePopperArrowProps = popperArrowProps\n\n/** @deprecated use `PopperArrowProps` instead, and it will be deprecated in the next major version */\nexport type UsePopperArrowProps = PopperArrowProps\n\n/** @deprecated use `PopperArrowInstance` instead, and it will be deprecated in the next major version */\nexport type ElPopperArrowInstance = PopperArrowInstance\n"],"names":[],"mappings":";;;AACY,MAAC,gBAAgB,GAAG,UAAU,CAAC;AAC3C,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,CAAC,EAAE;AACS,MAAC,mBAAmB,GAAG;;;;"}
+{"version":3,"file":"arrow2.mjs","sources":["../../../../../../packages/components/popper/src/arrow.vue"],"sourcesContent":["<template>\n  <span\n    ref=\"arrowRef\"\n    :class=\"ns.e('arrow')\"\n    :style=\"arrowStyle\"\n    data-popper-arrow\n  />\n</template>\n\n<script lang=\"ts\" setup>\nimport { inject, onBeforeUnmount } from 'vue'\nimport { watch } from '../../config-provider'\nimport { useNamespace } from '@element-plus/hooks'\nimport { POPPER_CONTENT_INJECTION_KEY } from './constants'\nimport { popperArrowProps } from './arrow'\n\ndefineOptions({\n  name: 'ElPopperArrow',\n  inheritAttrs: false,\n})\n\nconst props = defineProps(popperArrowProps)\n\nconst ns = useNamespace('popper')\nconst { arrowOffset, arrowRef, arrowStyle } = inject(\n  POPPER_CONTENT_INJECTION_KEY,\n  undefined\n)!\n\nwatch(\n  () => props.arrowOffset,\n  (val) => {\n    arrowOffset.value = val\n  }\n)\nonBeforeUnmount(() => {\n  arrowRef.value = undefined\n})\n\ndefineExpose({\n  /**\n   * @description Arrow element\n   */\n  arrowRef,\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;mCAgBc,CAAA;AAAA,EACZ,IAAM,EAAA,eAAA;AAAA,EACN,YAAc,EAAA,KAAA;AAChB,CAAA,CAAA,CAAA;;;;;;AAIA,IAAM,MAAA,EAAA,GAAK,aAAa,QAAQ,CAAA,CAAA;AAChC,IAAA,MAAM,EAAE,WAAa,EAAA,QAAA,EAAU,UAAe,EAAA,GAAA,MAAA,CAC5C,8BACA,KACF,CAAA,CAAA,CAAA;AAEA,IAAA,KAAA,CACE,MAAM,KAAA,CAAM,WACZ,EAAA,CAAC,GAAQ,KAAA;AACP,MAAA,WAAA,CAAY,KAAQ,GAAA,GAAA,CAAA;AAAA,KAExB,CAAA,CAAA;AACA,IAAA,eAAA,CAAgB,MAAM;AACpB,MAAA,QAAA,CAAS,KAAQ,GAAA,KAAA,CAAA,CAAA;AAAA,KAClB,CAAA,CAAA;AAED,IAAa,MAAA,CAAA;AAAA,MAIX,QAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;"}

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

@@ -848,8 +848,8 @@ declare const _default: import("vue").DefineComponent<{
     onMouseleave?: ((evt: MouseEvent) => any) | undefined;
     onMouseenter?: ((evt: MouseEvent) => any) | undefined;
 }, {
-    readonly offset: number;
     readonly effect: string;
+    readonly offset: number;
     readonly placement: import("element-pe/es/utils").EpPropMergeType<StringConstructor, import("@popperjs/core").Placement, unknown>;
     readonly boundariesPadding: number;
     readonly fallbackPlacements: import("@popperjs/core").Placement[];

package/es/components/progress/index.d.ts

@@ -170,8 +170,8 @@ export declare const ElProgress: import("element-pe/es/utils").SFCWithInstall<im
     })[], unknown, unknown, (percentage: number) => string, boolean>;
 }>>, {
     readonly type: import("element-pe/es/utils").EpPropMergeType<StringConstructor, "circle" | "line" | "dashboard", unknown>;
-    readonly width: number;
     readonly color: import("element-pe/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("./src/progress").ProgressFn | import("./src/progress").ProgressColor[]) & {}) | (() => string | import("./src/progress").ProgressFn | import("./src/progress").ProgressColor[]) | ((new (...args: any[]) => (string | import("./src/progress").ProgressFn | import("./src/progress").ProgressColor[]) & {}) | (() => string | import("./src/progress").ProgressFn | import("./src/progress").ProgressColor[]))[], unknown, unknown>;
+    readonly width: number;
     readonly strokeLinecap: import("element-pe/es/utils").EpPropMergeType<(new (...args: any[]) => ("inherit" | "round" | "butt" | "square") & {}) | (() => "inherit" | "round" | "butt" | "square") | ((new (...args: any[]) => ("inherit" | "round" | "butt" | "square") & {}) | (() => "inherit" | "round" | "butt" | "square"))[], unknown, unknown>;
     readonly strokeWidth: number;
     readonly indeterminate: import("element-pe/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;

package/es/components/progress/src/progress.vue.d.ts

@@ -172,8 +172,8 @@ declare const _default: import("vue").DefineComponent<{
     })[], unknown, unknown, (percentage: number) => string, boolean>;
 }>>, {
     readonly type: import("element-pe/es/utils").EpPropMergeType<StringConstructor, "circle" | "line" | "dashboard", unknown>;
-    readonly width: number;
     readonly color: import("element-pe/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("./progress").ProgressFn | ProgressColor[]) & {}) | (() => string | import("./progress").ProgressFn | ProgressColor[]) | ((new (...args: any[]) => (string | import("./progress").ProgressFn | ProgressColor[]) & {}) | (() => string | import("./progress").ProgressFn | ProgressColor[]))[], unknown, unknown>;
+    readonly width: number;
     readonly strokeLinecap: import("element-pe/es/utils").EpPropMergeType<(new (...args: any[]) => ("inherit" | "round" | "butt" | "square") & {}) | (() => "inherit" | "round" | "butt" | "square") | ((new (...args: any[]) => ("inherit" | "round" | "butt" | "square") & {}) | (() => "inherit" | "round" | "butt" | "square"))[], unknown, unknown>;
     readonly strokeWidth: number;
     readonly indeterminate: import("element-pe/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;

package/es/components/resizable-columns/index.d.ts

@@ -75,8 +75,8 @@ export declare const ElResizableColumns: import("element-pe/es/utils").SFCWithIn
             }>;
             props: {
                 [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
-                readonly width: string | undefined;
                 readonly widget: string | undefined;
+                readonly width: string | undefined;
                 readonly maxWidth: string | undefined;
                 readonly collapsable: boolean;
                 readonly showCollapse: boolean;
@@ -158,8 +158,8 @@ export declare const ElResizableColumn: import("element-pe/es/utils").SFCWithIns
         }>;
         props: {
             [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
-            readonly width: string | undefined;
             readonly widget: string | undefined;
+            readonly width: string | undefined;
             readonly maxWidth: string | undefined;
             readonly collapsable: boolean;
             readonly showCollapse: boolean;

package/es/components/resizable-columns/index.mjs

@@ -1,9 +1,9 @@
 import '../../utils/index.mjs';
 import ResizableColumns from './src/resizable-columns2.mjs';
-import ResizableColumn from './src/resizable-column.mjs';
+import ResizableColumn from './src/resizable-column2.mjs';
 export { resizableColumnsProps } from './src/resizable-columns.mjs';
 export { resizableColumnsRootContextKey } from './src/constants.mjs';
-export { resizableColumnProps } from './src/resizable-column2.mjs';
+export { resizableColumnProps } from './src/resizable-column.mjs';
 import { withInstall, withNoopInstall } from '../../utils/vue/install.mjs';
 
 const ElResizableColumns = withInstall(ResizableColumns, {

package/es/components/resizable-columns/src/resizable-column.mjs

@@ -1,150 +1,13 @@
-import '../../../hooks/index.mjs';
-import { resizableColumnProps } from './resizable-column2.mjs';
-import { defineComponent, getCurrentInstance, inject, computed, ref, reactive, onMounted, onUnmounted, resolveComponent, openBlock, createElementBlock, Fragment, createElementVNode, normalizeClass, normalizeStyle, renderSlot, withDirectives, createBlock, withCtx, createVNode, vShow, createCommentVNode } from 'vue';
 import '../../../utils/index.mjs';
-import { resizableColumnsRootContextKey } from './constants.mjs';
-import { ArrowLeft, ArrowRight } from '@element-plus/icons-vue';
-import '../../config-provider/index.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
-import { useGlobalConfig } from '../../config-provider/src/hooks/use-global-config.mjs';
-import { throwError } from '../../../utils/error.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import { buildProps } from '../../../utils/vue/props/runtime.mjs';
 
-const _sfc_main = defineComponent({
-  name: "ElResizableColumn",
-  components: { ArrowLeft, ArrowRight },
-  props: resizableColumnProps,
-  setup(props, { slots }) {
-    const forEditor = useGlobalConfig("forEditor");
-    const instance = getCurrentInstance();
-    const columnsRoot = inject(resizableColumnsRootContextKey);
-    if (!columnsRoot)
-      throwError("ElResizableColumn", "usage: <el-resizable-columns><el-resizable-column /></el-resizable-columns/>");
-    const collapsable = computed(() => props.collapsable || columnsRoot.props.collapsable);
-    const showCollapse = computed(() => props.showCollapse || columnsRoot.props.showCollapse);
-    const collapsed = ref(false);
-    const column = reactive({
-      uid: instance.uid,
-      slots,
-      props,
-      maxWidth: 0,
-      parentWidth: 0,
-      index: 0,
-      width: 0,
-      left: 0,
-      collapsable,
-      showCollapse,
-      collapsed
-    });
-    const columnStyle = computed(() => {
-      if (instance.parent && instance.parent.type.name === "ElResizableColumns" && instance.parent.props.direction === "vertical") {
-        return { height: `${column.width}px`, top: `${column.left}px`, display: column.collapsed ? "none" : "unset", width: "100%" };
-      } else {
-        return { width: `${column.width}px`, left: `${column.left}px`, display: column.collapsed ? "none" : "unset" };
-      }
-    });
-    const resizerStyle = computed(() => {
-      if (instance.parent && instance.parent.type.name === "ElResizableColumns" && instance.parent.props.direction === "vertical") {
-        return { top: `${column.left + (column.collapsed ? 0 : column.width)}px`, width: "100%" };
-      } else {
-        return { left: `${column.left + (column.collapsed ? 0 : column.width)}px` };
-      }
-    });
-    onMounted(() => {
-      columnsRoot.registerColumn(column);
-      columnsRoot.initColumnSize();
-    });
-    onUnmounted(() => {
-      columnsRoot.unregisterColumn(column.uid);
-      columnsRoot.initColumnSize();
-    });
-    const columnsCount = computed(() => columnsRoot.columns.value.length);
-    const ns = useNamespace("resizable-column");
-    const handleCollapse = () => {
-      if (forEditor.value) {
-        return;
-      }
-      columnsRoot.handleCollapse(column);
-    };
-    const handleExpand = () => {
-      if (forEditor.value) {
-        return;
-      }
-      columnsRoot.handleExpand(column);
-    };
-    return {
-      ns,
-      column,
-      columnsCount,
-      columnStyle,
-      resizerStyle,
-      handleCollapse,
-      handleExpand
-    };
-  }
+const resizableColumnProps = buildProps({
+  collapsable: Boolean,
+  showCollapse: Boolean,
+  widget: String,
+  maxWidth: String,
+  width: String
 });
-const _hoisted_1 = ["widget"];
-const _hoisted_2 = ["data-index"];
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_ArrowLeft = resolveComponent("ArrowLeft");
-  const _component_el_icon = resolveComponent("el-icon");
-  const _component_el_button = resolveComponent("el-button");
-  const _component_ArrowRight = resolveComponent("ArrowRight");
-  return openBlock(), createElementBlock(Fragment, null, [
-    createElementVNode("div", {
-      class: normalizeClass(_ctx.ns.b()),
-      widget: _ctx.widget,
-      style: normalizeStyle(_ctx.columnStyle)
-    }, [
-      renderSlot(_ctx.$slots, "default")
-    ], 14, _hoisted_1),
-    _ctx.column.index < _ctx.columnsCount - 1 ? (openBlock(), createElementBlock("div", {
-      key: 0,
-      class: normalizeClass(["resizer", { "collapsed": _ctx.column.collapsed }]),
-      style: normalizeStyle(_ctx.resizerStyle),
-      "data-index": _ctx.column.index
-    }, [
-      !_ctx.column.collapsed ? withDirectives((openBlock(), createBlock(_component_el_button, {
-        key: 0,
-        class: "left",
-        size: "small",
-        onClick: _ctx.handleCollapse,
-        disabled: !_ctx.column.collapsable
-      }, {
-        default: withCtx(() => [
-          createVNode(_component_el_icon, null, {
-            default: withCtx(() => [
-              createVNode(_component_ArrowLeft)
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      }, 8, ["onClick", "disabled"])), [
-        [vShow, _ctx.column.showCollapse]
-      ]) : withDirectives((openBlock(), createBlock(_component_el_button, {
-        key: 1,
-        class: "right",
-        size: "small",
-        onClick: _ctx.handleExpand,
-        disabled: !_ctx.column.collapsable
-      }, {
-        default: withCtx(() => [
-          createVNode(_component_el_icon, null, {
-            default: withCtx(() => [
-              createVNode(_component_ArrowRight)
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      }, 8, ["onClick", "disabled"])), [
-        [vShow, _ctx.column.showCollapse]
-      ])
-    ], 14, _hoisted_2)) : createCommentVNode("v-if", true)
-  ], 64);
-}
-var ResizableColumn = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:\\workspace\\element-pe\\packages\\components\\resizable-columns\\src\\resizable-column.vue"]]);
 
-export { ResizableColumn as default };
+export { resizableColumnProps };
 //# sourceMappingURL=resizable-column.mjs.map