element-plus-secondary 0.4.8 → 0.4.9

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

@@ -334,6 +334,7 @@ declare const _default: import("vue").DefineComponent<{
             content: string;
             transition: string;
             effect: string;
+            visible: import("element-plus-secondary/es/utils").EpPropMergeType<(new (...args: any[]) => (boolean | null) & {}) | (() => boolean | null) | ((new (...args: any[]) => (boolean | null) & {}) | (() => boolean | null))[], unknown, unknown>;
             boundariesPadding: number;
             fallbackPlacements: import("@popperjs/core").Placement[];
             gpuAcceleration: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -342,14 +343,13 @@ declare const _default: import("vue").DefineComponent<{
             focusOnShow: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
             trapping: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
             stopPopperMouseEvent: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-            visible: import("element-plus-secondary/es/utils").EpPropMergeType<(new (...args: any[]) => (boolean | null) & {}) | (() => boolean | null) | ((new (...args: any[]) => (boolean | null) & {}) | (() => boolean | null))[], unknown, unknown>;
             pure: boolean;
             virtualTriggering: boolean;
             appendTo: import("element-plus-secondary/es/utils").EpPropMergeType<(new (...args: any[]) => (string | HTMLElement) & {}) | (() => string | HTMLElement) | ((new (...args: any[]) => (string | HTMLElement) & {}) | (() => string | HTMLElement))[], unknown, unknown>;
             rawContent: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
             teleported: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
             persistent: boolean;
-            role: import("element-plus-secondary/es/utils").EpPropMergeType<StringConstructor, "grid" | "tree" | "dialog" | "menu" | "listbox" | "tooltip" | "group" | "navigation", unknown>;
+            role: import("element-plus-secondary/es/utils").EpPropMergeType<StringConstructor, "tree" | "grid" | "dialog" | "menu" | "listbox" | "tooltip" | "group" | "navigation", unknown>;
             triggerKeys: string[];
             arrowOffset: number;
             showArrow: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -668,10 +668,10 @@ declare const _default: import("vue").DefineComponent<{
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
             };
-            role: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, "grid" | "tree" | "dialog" | "menu" | "listbox" | "tooltip" | "group" | "navigation", unknown, "tooltip", boolean>;
+            role: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, "tree" | "grid" | "dialog" | "menu" | "listbox" | "tooltip" | "group" | "navigation", unknown, "tooltip", boolean>;
         }>> & {
             [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "trigger" | "placement" | "showAfter" | "hideAfter" | "open" | "strategy" | "offset" | "content" | "transition" | "effect" | "boundariesPadding" | "fallbackPlacements" | "gpuAcceleration" | "popperOptions" | "enterable" | "focusOnShow" | "trapping" | "stopPopperMouseEvent" | "visible" | "pure" | "virtualTriggering" | "appendTo" | "rawContent" | "teleported" | "persistent" | "role" | "triggerKeys" | "arrowOffset" | "showArrow">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "trigger" | "placement" | "showAfter" | "hideAfter" | "open" | "strategy" | "offset" | "content" | "transition" | "effect" | "visible" | "boundariesPadding" | "fallbackPlacements" | "gpuAcceleration" | "popperOptions" | "enterable" | "focusOnShow" | "trapping" | "stopPopperMouseEvent" | "pure" | "virtualTriggering" | "appendTo" | "rawContent" | "teleported" | "persistent" | "role" | "triggerKeys" | "arrowOffset" | "showArrow">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -1000,7 +1000,7 @@ declare const _default: import("vue").DefineComponent<{
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
             };
-            role: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, "grid" | "tree" | "dialog" | "menu" | "listbox" | "tooltip" | "group" | "navigation", unknown, "tooltip", boolean>;
+            role: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, "tree" | "grid" | "dialog" | "menu" | "listbox" | "tooltip" | "group" | "navigation", unknown, "tooltip", boolean>;
         }>> & {
             [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
         }, {
@@ -1319,7 +1319,7 @@ declare const _default: import("vue").DefineComponent<{
                     readonly validator: ((val: unknown) => boolean) | undefined;
                     __epPropKey: true;
                 };
-                role: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, "grid" | "tree" | "dialog" | "menu" | "listbox" | "tooltip" | "group" | "navigation", unknown, "tooltip", boolean>;
+                role: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, "tree" | "grid" | "dialog" | "menu" | "listbox" | "tooltip" | "group" | "navigation", unknown, "tooltip", boolean>;
             }>> & {
                 [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
             }>>;
@@ -1338,10 +1338,10 @@ declare const _default: import("vue").DefineComponent<{
             controlled: import("vue").ComputedRef<boolean>;
             isFocusInsideContent: () => boolean | undefined;
             ElPopper: import("element-plus-secondary/es/utils").SFCWithInstall<import("vue").DefineComponent<{
-                readonly role: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, "grid" | "tree" | "dialog" | "menu" | "listbox" | "tooltip" | "group" | "navigation", unknown, "tooltip", boolean>;
+                readonly role: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, "tree" | "grid" | "dialog" | "menu" | "listbox" | "tooltip" | "group" | "navigation", unknown, "tooltip", boolean>;
             }, {
                 props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-                    readonly role: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, "grid" | "tree" | "dialog" | "menu" | "listbox" | "tooltip" | "group" | "navigation", unknown, "tooltip", boolean>;
+                    readonly role: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, "tree" | "grid" | "dialog" | "menu" | "listbox" | "tooltip" | "group" | "navigation", unknown, "tooltip", boolean>;
                 }>> & {
                     [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
                 }>>;
@@ -1349,12 +1349,12 @@ declare const _default: import("vue").DefineComponent<{
                 popperInstanceRef: import("vue").Ref<import("@popperjs/core").Instance | undefined>;
                 contentRef: import("vue").Ref<HTMLElement | undefined>;
                 referenceRef: import("vue").Ref<HTMLElement | undefined>;
-                role: import("vue").ComputedRef<import("element-plus-secondary/es/utils").EpPropMergeType<StringConstructor, "grid" | "tree" | "dialog" | "menu" | "listbox" | "tooltip" | "group" | "navigation", unknown>>;
+                role: import("vue").ComputedRef<import("element-plus-secondary/es/utils").EpPropMergeType<StringConstructor, "tree" | "grid" | "dialog" | "menu" | "listbox" | "tooltip" | "group" | "navigation", unknown>>;
                 popperProvides: import("../../..").ElPopperInjectionContext;
             }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-                readonly role: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, "grid" | "tree" | "dialog" | "menu" | "listbox" | "tooltip" | "group" | "navigation", unknown, "tooltip", boolean>;
+                readonly role: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, "tree" | "grid" | "dialog" | "menu" | "listbox" | "tooltip" | "group" | "navigation", unknown, "tooltip", boolean>;
             }>>, {
-                readonly role: import("element-plus-secondary/es/utils").EpPropMergeType<StringConstructor, "grid" | "tree" | "dialog" | "menu" | "listbox" | "tooltip" | "group" | "navigation", unknown>;
+                readonly role: import("element-plus-secondary/es/utils").EpPropMergeType<StringConstructor, "tree" | "grid" | "dialog" | "menu" | "listbox" | "tooltip" | "group" | "navigation", unknown>;
             }>> & Record<string, any>;
             ElPopperArrow: import("vue").DefineComponent<{
                 readonly arrowOffset: import("element-plus-secondary/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
@@ -3193,6 +3193,7 @@ declare const _default: import("vue").DefineComponent<{
                     readonly strategy: import("element-plus-secondary/es/utils").EpPropMergeType<StringConstructor, "absolute" | "fixed", unknown>;
                     readonly offset: number;
                     readonly effect: string;
+                    readonly visible: boolean;
                     readonly boundariesPadding: number;
                     readonly fallbackPlacements: import("@popperjs/core").Placement[];
                     readonly gpuAcceleration: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -3202,7 +3203,6 @@ declare const _default: import("vue").DefineComponent<{
                     readonly trapping: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
                     readonly stopPopperMouseEvent: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
                     readonly ariaLabel: string;
-                    readonly visible: boolean;
                     readonly pure: boolean;
                     readonly virtualTriggering: boolean;
                 }>;
@@ -3476,6 +3476,7 @@ declare const _default: import("vue").DefineComponent<{
                 readonly content: string;
                 readonly transition: string;
                 readonly effect: string;
+                readonly visible: import("element-plus-secondary/es/utils").EpPropMergeType<(new (...args: any[]) => (boolean | null) & {}) | (() => boolean | null) | ((new (...args: any[]) => (boolean | null) & {}) | (() => boolean | null))[], unknown, unknown>;
                 readonly boundariesPadding: number;
                 readonly fallbackPlacements: import("@popperjs/core").Placement[];
                 readonly gpuAcceleration: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -3484,7 +3485,6 @@ declare const _default: import("vue").DefineComponent<{
                 readonly focusOnShow: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
                 readonly trapping: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
                 readonly stopPopperMouseEvent: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-                readonly visible: import("element-plus-secondary/es/utils").EpPropMergeType<(new (...args: any[]) => (boolean | null) & {}) | (() => boolean | null) | ((new (...args: any[]) => (boolean | null) & {}) | (() => boolean | null))[], unknown, unknown>;
                 readonly pure: boolean;
                 readonly virtualTriggering: boolean;
                 readonly appendTo: import("element-plus-secondary/es/utils").EpPropMergeType<(new (...args: any[]) => (string | HTMLElement) & {}) | (() => string | HTMLElement) | ((new (...args: any[]) => (string | HTMLElement) & {}) | (() => string | HTMLElement))[], unknown, unknown>;
@@ -3504,6 +3504,7 @@ declare const _default: import("vue").DefineComponent<{
             content: string;
             transition: string;
             effect: string;
+            visible: import("element-plus-secondary/es/utils").EpPropMergeType<(new (...args: any[]) => (boolean | null) & {}) | (() => boolean | null) | ((new (...args: any[]) => (boolean | null) & {}) | (() => boolean | null))[], unknown, unknown>;
             boundariesPadding: number;
             fallbackPlacements: import("@popperjs/core").Placement[];
             gpuAcceleration: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -3512,14 +3513,13 @@ declare const _default: import("vue").DefineComponent<{
             focusOnShow: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
             trapping: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
             stopPopperMouseEvent: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-            visible: import("element-plus-secondary/es/utils").EpPropMergeType<(new (...args: any[]) => (boolean | null) & {}) | (() => boolean | null) | ((new (...args: any[]) => (boolean | null) & {}) | (() => boolean | null))[], unknown, unknown>;
             pure: boolean;
             virtualTriggering: boolean;
             appendTo: import("element-plus-secondary/es/utils").EpPropMergeType<(new (...args: any[]) => (string | HTMLElement) & {}) | (() => string | HTMLElement) | ((new (...args: any[]) => (string | HTMLElement) & {}) | (() => string | HTMLElement))[], unknown, unknown>;
             rawContent: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
             teleported: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
             persistent: boolean;
-            role: import("element-plus-secondary/es/utils").EpPropMergeType<StringConstructor, "grid" | "tree" | "dialog" | "menu" | "listbox" | "tooltip" | "group" | "navigation", unknown>;
+            role: import("element-plus-secondary/es/utils").EpPropMergeType<StringConstructor, "tree" | "grid" | "dialog" | "menu" | "listbox" | "tooltip" | "group" | "navigation", unknown>;
             triggerKeys: string[];
             arrowOffset: number;
             showArrow: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -3858,7 +3858,7 @@ declare const _default: import("vue").DefineComponent<{
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
         };
-        role: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, "grid" | "tree" | "dialog" | "menu" | "listbox" | "tooltip" | "group" | "navigation", unknown, "tooltip", boolean>;
+        role: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, "tree" | "grid" | "dialog" | "menu" | "listbox" | "tooltip" | "group" | "navigation", unknown, "tooltip", boolean>;
     }>> & {
         [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
     } & import("vue").ShallowUnwrapRef<{
@@ -4177,7 +4177,7 @@ declare const _default: import("vue").DefineComponent<{
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
             };
-            role: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, "grid" | "tree" | "dialog" | "menu" | "listbox" | "tooltip" | "group" | "navigation", unknown, "tooltip", boolean>;
+            role: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, "tree" | "grid" | "dialog" | "menu" | "listbox" | "tooltip" | "group" | "navigation", unknown, "tooltip", boolean>;
         }>> & {
             [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
         }>>;
@@ -4196,10 +4196,10 @@ declare const _default: import("vue").DefineComponent<{
         controlled: import("vue").ComputedRef<boolean>;
         isFocusInsideContent: () => boolean | undefined;
         ElPopper: import("element-plus-secondary/es/utils").SFCWithInstall<import("vue").DefineComponent<{
-            readonly role: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, "grid" | "tree" | "dialog" | "menu" | "listbox" | "tooltip" | "group" | "navigation", unknown, "tooltip", boolean>;
+            readonly role: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, "tree" | "grid" | "dialog" | "menu" | "listbox" | "tooltip" | "group" | "navigation", unknown, "tooltip", boolean>;
         }, {
             props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-                readonly role: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, "grid" | "tree" | "dialog" | "menu" | "listbox" | "tooltip" | "group" | "navigation", unknown, "tooltip", boolean>;
+                readonly role: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, "tree" | "grid" | "dialog" | "menu" | "listbox" | "tooltip" | "group" | "navigation", unknown, "tooltip", boolean>;
             }>> & {
                 [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
             }>>;
@@ -4207,12 +4207,12 @@ declare const _default: import("vue").DefineComponent<{
             popperInstanceRef: import("vue").Ref<import("@popperjs/core").Instance | undefined>;
             contentRef: import("vue").Ref<HTMLElement | undefined>;
             referenceRef: import("vue").Ref<HTMLElement | undefined>;
-            role: import("vue").ComputedRef<import("element-plus-secondary/es/utils").EpPropMergeType<StringConstructor, "grid" | "tree" | "dialog" | "menu" | "listbox" | "tooltip" | "group" | "navigation", unknown>>;
+            role: import("vue").ComputedRef<import("element-plus-secondary/es/utils").EpPropMergeType<StringConstructor, "tree" | "grid" | "dialog" | "menu" | "listbox" | "tooltip" | "group" | "navigation", unknown>>;
             popperProvides: import("../../..").ElPopperInjectionContext;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-            readonly role: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, "grid" | "tree" | "dialog" | "menu" | "listbox" | "tooltip" | "group" | "navigation", unknown, "tooltip", boolean>;
+            readonly role: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, "tree" | "grid" | "dialog" | "menu" | "listbox" | "tooltip" | "group" | "navigation", unknown, "tooltip", boolean>;
         }>>, {
-            readonly role: import("element-plus-secondary/es/utils").EpPropMergeType<StringConstructor, "grid" | "tree" | "dialog" | "menu" | "listbox" | "tooltip" | "group" | "navigation", unknown>;
+            readonly role: import("element-plus-secondary/es/utils").EpPropMergeType<StringConstructor, "tree" | "grid" | "dialog" | "menu" | "listbox" | "tooltip" | "group" | "navigation", unknown>;
         }>> & Record<string, any>;
         ElPopperArrow: import("vue").DefineComponent<{
             readonly arrowOffset: import("element-plus-secondary/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
@@ -6051,6 +6051,7 @@ declare const _default: import("vue").DefineComponent<{
                 readonly strategy: import("element-plus-secondary/es/utils").EpPropMergeType<StringConstructor, "absolute" | "fixed", unknown>;
                 readonly offset: number;
                 readonly effect: string;
+                readonly visible: boolean;
                 readonly boundariesPadding: number;
                 readonly fallbackPlacements: import("@popperjs/core").Placement[];
                 readonly gpuAcceleration: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -6060,7 +6061,6 @@ declare const _default: import("vue").DefineComponent<{
                 readonly trapping: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
                 readonly stopPopperMouseEvent: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
                 readonly ariaLabel: string;
-                readonly visible: boolean;
                 readonly pure: boolean;
                 readonly virtualTriggering: boolean;
             }>;
@@ -6334,6 +6334,7 @@ declare const _default: import("vue").DefineComponent<{
             readonly content: string;
             readonly transition: string;
             readonly effect: string;
+            readonly visible: import("element-plus-secondary/es/utils").EpPropMergeType<(new (...args: any[]) => (boolean | null) & {}) | (() => boolean | null) | ((new (...args: any[]) => (boolean | null) & {}) | (() => boolean | null))[], unknown, unknown>;
             readonly boundariesPadding: number;
             readonly fallbackPlacements: import("@popperjs/core").Placement[];
             readonly gpuAcceleration: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -6342,7 +6343,6 @@ declare const _default: import("vue").DefineComponent<{
             readonly focusOnShow: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
             readonly trapping: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
             readonly stopPopperMouseEvent: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-            readonly visible: import("element-plus-secondary/es/utils").EpPropMergeType<(new (...args: any[]) => (boolean | null) & {}) | (() => boolean | null) | ((new (...args: any[]) => (boolean | null) & {}) | (() => boolean | null))[], unknown, unknown>;
             readonly pure: boolean;
             readonly virtualTriggering: boolean;
             readonly appendTo: import("element-plus-secondary/es/utils").EpPropMergeType<(new (...args: any[]) => (string | HTMLElement) & {}) | (() => string | HTMLElement) | ((new (...args: any[]) => (string | HTMLElement) & {}) | (() => string | HTMLElement))[], unknown, unknown>;
@@ -6699,7 +6699,7 @@ declare const _default: import("vue").DefineComponent<{
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
         };
-        role: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, "grid" | "tree" | "dialog" | "menu" | "listbox" | "tooltip" | "group" | "navigation", unknown, "tooltip", boolean>;
+        role: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, "tree" | "grid" | "dialog" | "menu" | "listbox" | "tooltip" | "group" | "navigation", unknown, "tooltip", boolean>;
     }, {
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             showArrow: import("element-plus-secondary/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
@@ -7016,7 +7016,7 @@ declare const _default: import("vue").DefineComponent<{
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
             };
-            role: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, "grid" | "tree" | "dialog" | "menu" | "listbox" | "tooltip" | "group" | "navigation", unknown, "tooltip", boolean>;
+            role: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, "tree" | "grid" | "dialog" | "menu" | "listbox" | "tooltip" | "group" | "navigation", unknown, "tooltip", boolean>;
         }>> & {
             [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
         }>>;
@@ -7035,10 +7035,10 @@ declare const _default: import("vue").DefineComponent<{
         controlled: import("vue").ComputedRef<boolean>;
         isFocusInsideContent: () => boolean | undefined;
         ElPopper: import("element-plus-secondary/es/utils").SFCWithInstall<import("vue").DefineComponent<{
-            readonly role: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, "grid" | "tree" | "dialog" | "menu" | "listbox" | "tooltip" | "group" | "navigation", unknown, "tooltip", boolean>;
+            readonly role: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, "tree" | "grid" | "dialog" | "menu" | "listbox" | "tooltip" | "group" | "navigation", unknown, "tooltip", boolean>;
         }, {
             props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-                readonly role: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, "grid" | "tree" | "dialog" | "menu" | "listbox" | "tooltip" | "group" | "navigation", unknown, "tooltip", boolean>;
+                readonly role: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, "tree" | "grid" | "dialog" | "menu" | "listbox" | "tooltip" | "group" | "navigation", unknown, "tooltip", boolean>;
             }>> & {
                 [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
             }>>;
@@ -7046,12 +7046,12 @@ declare const _default: import("vue").DefineComponent<{
             popperInstanceRef: import("vue").Ref<import("@popperjs/core").Instance | undefined>;
             contentRef: import("vue").Ref<HTMLElement | undefined>;
             referenceRef: import("vue").Ref<HTMLElement | undefined>;
-            role: import("vue").ComputedRef<import("element-plus-secondary/es/utils").EpPropMergeType<StringConstructor, "grid" | "tree" | "dialog" | "menu" | "listbox" | "tooltip" | "group" | "navigation", unknown>>;
+            role: import("vue").ComputedRef<import("element-plus-secondary/es/utils").EpPropMergeType<StringConstructor, "tree" | "grid" | "dialog" | "menu" | "listbox" | "tooltip" | "group" | "navigation", unknown>>;
             popperProvides: import("../../..").ElPopperInjectionContext;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-            readonly role: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, "grid" | "tree" | "dialog" | "menu" | "listbox" | "tooltip" | "group" | "navigation", unknown, "tooltip", boolean>;
+            readonly role: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, "tree" | "grid" | "dialog" | "menu" | "listbox" | "tooltip" | "group" | "navigation", unknown, "tooltip", boolean>;
         }>>, {
-            readonly role: import("element-plus-secondary/es/utils").EpPropMergeType<StringConstructor, "grid" | "tree" | "dialog" | "menu" | "listbox" | "tooltip" | "group" | "navigation", unknown>;
+            readonly role: import("element-plus-secondary/es/utils").EpPropMergeType<StringConstructor, "tree" | "grid" | "dialog" | "menu" | "listbox" | "tooltip" | "group" | "navigation", unknown>;
         }>> & Record<string, any>;
         ElPopperArrow: import("vue").DefineComponent<{
             readonly arrowOffset: import("element-plus-secondary/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
@@ -8890,6 +8890,7 @@ declare const _default: import("vue").DefineComponent<{
                 readonly strategy: import("element-plus-secondary/es/utils").EpPropMergeType<StringConstructor, "absolute" | "fixed", unknown>;
                 readonly offset: number;
                 readonly effect: string;
+                readonly visible: boolean;
                 readonly boundariesPadding: number;
                 readonly fallbackPlacements: import("@popperjs/core").Placement[];
                 readonly gpuAcceleration: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -8899,7 +8900,6 @@ declare const _default: import("vue").DefineComponent<{
                 readonly trapping: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
                 readonly stopPopperMouseEvent: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
                 readonly ariaLabel: string;
-                readonly visible: boolean;
                 readonly pure: boolean;
                 readonly virtualTriggering: boolean;
             }>;
@@ -9173,6 +9173,7 @@ declare const _default: import("vue").DefineComponent<{
             readonly content: string;
             readonly transition: string;
             readonly effect: string;
+            readonly visible: import("element-plus-secondary/es/utils").EpPropMergeType<(new (...args: any[]) => (boolean | null) & {}) | (() => boolean | null) | ((new (...args: any[]) => (boolean | null) & {}) | (() => boolean | null))[], unknown, unknown>;
             readonly boundariesPadding: number;
             readonly fallbackPlacements: import("@popperjs/core").Placement[];
             readonly gpuAcceleration: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -9181,7 +9182,6 @@ declare const _default: import("vue").DefineComponent<{
             readonly focusOnShow: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
             readonly trapping: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
             readonly stopPopperMouseEvent: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-            readonly visible: import("element-plus-secondary/es/utils").EpPropMergeType<(new (...args: any[]) => (boolean | null) & {}) | (() => boolean | null) | ((new (...args: any[]) => (boolean | null) & {}) | (() => boolean | null))[], unknown, unknown>;
             readonly pure: boolean;
             readonly virtualTriggering: boolean;
             readonly appendTo: import("element-plus-secondary/es/utils").EpPropMergeType<(new (...args: any[]) => (string | HTMLElement) & {}) | (() => string | HTMLElement) | ((new (...args: any[]) => (string | HTMLElement) & {}) | (() => string | HTMLElement))[], unknown, unknown>;
@@ -9504,7 +9504,7 @@ declare const _default: import("vue").DefineComponent<{
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
         };
-        role: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, "grid" | "tree" | "dialog" | "menu" | "listbox" | "tooltip" | "group" | "navigation", unknown, "tooltip", boolean>;
+        role: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, "tree" | "grid" | "dialog" | "menu" | "listbox" | "tooltip" | "group" | "navigation", unknown, "tooltip", boolean>;
     }>> & {
         [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
     }, {
@@ -9519,6 +9519,7 @@ declare const _default: import("vue").DefineComponent<{
         content: string;
         transition: string;
         effect: string;
+        visible: import("element-plus-secondary/es/utils").EpPropMergeType<(new (...args: any[]) => (boolean | null) & {}) | (() => boolean | null) | ((new (...args: any[]) => (boolean | null) & {}) | (() => boolean | null))[], unknown, unknown>;
         boundariesPadding: number;
         fallbackPlacements: import("@popperjs/core").Placement[];
         gpuAcceleration: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -9527,14 +9528,13 @@ declare const _default: import("vue").DefineComponent<{
         focusOnShow: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         trapping: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         stopPopperMouseEvent: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-        visible: import("element-plus-secondary/es/utils").EpPropMergeType<(new (...args: any[]) => (boolean | null) & {}) | (() => boolean | null) | ((new (...args: any[]) => (boolean | null) & {}) | (() => boolean | null))[], unknown, unknown>;
         pure: boolean;
         virtualTriggering: boolean;
         appendTo: import("element-plus-secondary/es/utils").EpPropMergeType<(new (...args: any[]) => (string | HTMLElement) & {}) | (() => string | HTMLElement) | ((new (...args: any[]) => (string | HTMLElement) & {}) | (() => string | HTMLElement))[], unknown, unknown>;
         rawContent: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         teleported: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         persistent: boolean;
-        role: import("element-plus-secondary/es/utils").EpPropMergeType<StringConstructor, "grid" | "tree" | "dialog" | "menu" | "listbox" | "tooltip" | "group" | "navigation", unknown>;
+        role: import("element-plus-secondary/es/utils").EpPropMergeType<StringConstructor, "tree" | "grid" | "dialog" | "menu" | "listbox" | "tooltip" | "group" | "navigation", unknown>;
         triggerKeys: string[];
         arrowOffset: number;
         showArrow: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -9708,9 +9708,9 @@ declare const _default: import("vue").DefineComponent<{
     readonly content: string;
     readonly transition: string;
     readonly effect: string;
+    readonly visible: import("element-plus-secondary/es/utils").EpPropMergeType<(new (...args: any[]) => (boolean | null) & {}) | (() => boolean | null) | ((new (...args: any[]) => (boolean | null) & {}) | (() => boolean | null))[], unknown, unknown>;
     readonly popperOptions: Partial<import("@popperjs/core").Options>;
     readonly enterable: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly visible: import("element-plus-secondary/es/utils").EpPropMergeType<(new (...args: any[]) => (boolean | null) & {}) | (() => boolean | null) | ((new (...args: any[]) => (boolean | null) & {}) | (() => boolean | null))[], unknown, unknown>;
     readonly teleported: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly persistent: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly tabindex: import("element-plus-secondary/es/utils").EpPropMergeType<(new (...args: any[]) => (string | number) & {}) | (() => string | number) | ((new (...args: any[]) => (string | number) & {}) | (() => string | number))[], unknown, unknown>;

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

@@ -3,10 +3,10 @@ import ElPopperTrigger from './src/trigger.vue';
 import ElPopperContent from './src/content.vue';
 export { ElPopperArrow, ElPopperTrigger, ElPopperContent };
 export declare const ElPopper: import("element-plus-secondary/es/utils").SFCWithInstall<import("vue").DefineComponent<{
-    readonly role: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, "grid" | "tree" | "dialog" | "menu" | "listbox" | "tooltip" | "group" | "navigation", unknown, "tooltip", boolean>;
+    readonly role: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, "tree" | "grid" | "dialog" | "menu" | "listbox" | "tooltip" | "group" | "navigation", unknown, "tooltip", boolean>;
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-        readonly role: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, "grid" | "tree" | "dialog" | "menu" | "listbox" | "tooltip" | "group" | "navigation", unknown, "tooltip", boolean>;
+        readonly role: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, "tree" | "grid" | "dialog" | "menu" | "listbox" | "tooltip" | "group" | "navigation", unknown, "tooltip", boolean>;
     }>> & {
         [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
     }>>;
@@ -14,12 +14,12 @@ export declare const ElPopper: import("element-plus-secondary/es/utils").SFCWith
     popperInstanceRef: import("vue").Ref<import("@popperjs/core").Instance | undefined>;
     contentRef: import("vue").Ref<HTMLElement | undefined>;
     referenceRef: import("vue").Ref<HTMLElement | undefined>;
-    role: import("vue").ComputedRef<import("element-plus-secondary/es/utils").EpPropMergeType<StringConstructor, "grid" | "tree" | "dialog" | "menu" | "listbox" | "tooltip" | "group" | "navigation", unknown>>;
+    role: import("vue").ComputedRef<import("element-plus-secondary/es/utils").EpPropMergeType<StringConstructor, "tree" | "grid" | "dialog" | "menu" | "listbox" | "tooltip" | "group" | "navigation", unknown>>;
     popperProvides: import("../..").ElPopperInjectionContext;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly role: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, "grid" | "tree" | "dialog" | "menu" | "listbox" | "tooltip" | "group" | "navigation", unknown, "tooltip", boolean>;
+    readonly role: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, "tree" | "grid" | "dialog" | "menu" | "listbox" | "tooltip" | "group" | "navigation", unknown, "tooltip", boolean>;
 }>>, {
-    readonly role: import("element-plus-secondary/es/utils").EpPropMergeType<StringConstructor, "grid" | "tree" | "dialog" | "menu" | "listbox" | "tooltip" | "group" | "navigation", unknown>;
+    readonly role: import("element-plus-secondary/es/utils").EpPropMergeType<StringConstructor, "tree" | "grid" | "dialog" | "menu" | "listbox" | "tooltip" | "group" | "navigation", unknown>;
 }>> & Record<string, any>;
 export default ElPopper;
 export * from './src/popper';

package/es/components/popper/index.mjs

@@ -1,12 +1,12 @@
 import '../../utils/index.mjs';
-import Popper from './src/popper2.mjs';
-export { default as ElPopperArrow } from './src/arrow.mjs';
+import Popper from './src/popper.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/popper.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';
 import { withInstall } from '../../utils/vue/install.mjs';
 
 const ElPopper = withInstall(Popper);

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

@@ -1,49 +1,13 @@
-import { defineComponent, useCssVars, unref, inject, watch, onBeforeUnmount, reactive, toRefs, openBlock, createElementBlock, normalizeClass } from 'vue';
-import '../../../hooks/index.mjs';
-import '../../../tokens/index.mjs';
-import { popperArrowProps } from './arrow2.mjs';
-import './arrow.vue_vue_type_style_index_0_scoped_true_lang.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
-import { POPPER_CONTENT_INJECTION_KEY } from '../../../tokens/popper.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;
-    useCssVars((_ctx) => ({
-      "7faf8140-background": unref(background),
-      "7faf8140-border": unref(border)
-    }));
-    const ns = useNamespace("popper");
-    const { arrowOffset, arrowRef } = inject(POPPER_CONTENT_INJECTION_KEY, void 0);
-    watch(() => props.arrowOffset, (val) => {
-      arrowOffset.value = val;
-    });
-    onBeforeUnmount(() => {
-      arrowRef.value = void 0;
-    });
-    const customStyle = inject("$custom-style-filter", reactive({}));
-    const { border, background } = toRefs(customStyle);
-    expose({
-      arrowRef
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("span", {
-        ref_key: "arrowRef",
-        ref: arrowRef,
-        class: normalizeClass([unref(ns).e("arrow"), unref(background) && "custom-bg", unref(border) && "custom-br"]),
-        "data-popper-arrow": ""
-      }, null, 2);
-    };
+const popperArrowProps = buildProps({
+  arrowOffset: {
+    type: Number,
+    default: 5
   }
 });
-var ElPopperArrow = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7faf8140"], ["__file", "/Users/st/Desktop/vue/nxx-ui/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'), background && 'custom-bg', border && 'custom-br']\"\n    data-popper-arrow=\"\"\n  />\n</template>\n\n<script lang=\"ts\" setup>\nimport { inject, onBeforeUnmount, watch, toRefs, reactive } from \"vue\";\nimport { useNamespace } from \"@element-plus/hooks\";\nimport { POPPER_CONTENT_INJECTION_KEY } from \"@element-plus/tokens\";\nimport { popperArrowProps } from \"./arrow\";\nimport type { CustomStyle } from \"@element-plus/utils\";\n\ndefineOptions({\n  name: \"ElPopperArrow\",\n  inheritAttrs: false,\n});\n\nconst props = defineProps(popperArrowProps);\n\nconst ns = useNamespace(\"popper\");\nconst { arrowOffset, arrowRef } = 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\nconst customStyle = inject(\"$custom-style-filter\", reactive({})) as CustomStyle;\nconst { border, background } = toRefs(customStyle);\n\ndefineExpose({\n  /**\n   * @description Arrow element\n   */\n  arrowRef,\n});\n</script>\n<style scoped>\n.custom-bg::before {\n  background-color: v-bind(background) !important;\n}\n.custom-br::before {\n  border-color: v-bind(border) !important;\n}\n</style>\n"],"names":[],"mappings":";;;;;;;;;mCAec,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,EAAA,GAAA,MAAA,CAChC,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,MAAM,cAAc,MAAO,CAAA,sBAAA,EAAwB,QAAS,CAAA,EAAE,CAAC,CAAA,CAAA;AAC/D,IAAA,MAAM,EAAE,MAAA,EAAQ,UAAe,EAAA,GAAA,MAAA,CAAO,WAAW,CAAA,CAAA;AAEjD,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,49 @@
-import '../../../utils/index.mjs';
-import { buildProps } from '../../../utils/vue/props/runtime.mjs';
+import { defineComponent, useCssVars, unref, inject, watch, onBeforeUnmount, reactive, toRefs, openBlock, createElementBlock, normalizeClass } from 'vue';
+import '../../../hooks/index.mjs';
+import '../../../tokens/index.mjs';
+import { popperArrowProps } from './arrow.mjs';
+import './arrow.vue_vue_type_style_index_0_scoped_true_lang.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import { POPPER_CONTENT_INJECTION_KEY } from '../../../tokens/popper.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;
+    useCssVars((_ctx) => ({
+      "7faf8140-background": unref(background),
+      "7faf8140-border": unref(border)
+    }));
+    const ns = useNamespace("popper");
+    const { arrowOffset, arrowRef } = inject(POPPER_CONTENT_INJECTION_KEY, void 0);
+    watch(() => props.arrowOffset, (val) => {
+      arrowOffset.value = val;
+    });
+    onBeforeUnmount(() => {
+      arrowRef.value = void 0;
+    });
+    const customStyle = inject("$custom-style-filter", reactive({}));
+    const { border, background } = toRefs(customStyle);
+    expose({
+      arrowRef
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", {
+        ref_key: "arrowRef",
+        ref: arrowRef,
+        class: normalizeClass([unref(ns).e("arrow"), unref(background) && "custom-bg", unref(border) && "custom-br"]),
+        "data-popper-arrow": ""
+      }, null, 2);
+    };
   }
 });
-const usePopperArrowProps = popperArrowProps;
+var ElPopperArrow = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7faf8140"], ["__file", "/Users/st/Desktop/vue/nxx-ui/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'), background && 'custom-bg', border && 'custom-br']\"\n    data-popper-arrow=\"\"\n  />\n</template>\n\n<script lang=\"ts\" setup>\nimport { inject, onBeforeUnmount, watch, toRefs, reactive } from \"vue\";\nimport { useNamespace } from \"@element-plus/hooks\";\nimport { POPPER_CONTENT_INJECTION_KEY } from \"@element-plus/tokens\";\nimport { popperArrowProps } from \"./arrow\";\nimport type { CustomStyle } from \"@element-plus/utils\";\n\ndefineOptions({\n  name: \"ElPopperArrow\",\n  inheritAttrs: false,\n});\n\nconst props = defineProps(popperArrowProps);\n\nconst ns = useNamespace(\"popper\");\nconst { arrowOffset, arrowRef } = 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\nconst customStyle = inject(\"$custom-style-filter\", reactive({})) as CustomStyle;\nconst { border, background } = toRefs(customStyle);\n\ndefineExpose({\n  /**\n   * @description Arrow element\n   */\n  arrowRef,\n});\n</script>\n<style scoped>\n.custom-bg::before {\n  background-color: v-bind(background) !important;\n}\n.custom-br::before {\n  border-color: v-bind(border) !important;\n}\n</style>\n"],"names":[],"mappings":";;;;;;;;;mCAec,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,EAAA,GAAA,MAAA,CAChC,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,MAAM,cAAc,MAAO,CAAA,sBAAA,EAAwB,QAAS,CAAA,EAAE,CAAC,CAAA,CAAA;AAC/D,IAAA,MAAM,EAAE,MAAA,EAAQ,UAAe,EAAA,GAAA,MAAA,CAAO,WAAW,CAAA,CAAA;AAEjD,IAAa,MAAA,CAAA;AAAA,MAIX,QAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;"}

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

@@ -865,6 +865,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly strategy: import("element-plus-secondary/es/utils").EpPropMergeType<StringConstructor, "absolute" | "fixed", unknown>;
     readonly offset: number;
     readonly effect: string;
+    readonly visible: boolean;
     readonly boundariesPadding: number;
     readonly fallbackPlacements: import("@popperjs/core").Placement[];
     readonly gpuAcceleration: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -874,7 +875,6 @@ declare const _default: import("vue").DefineComponent<{
     readonly trapping: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly stopPopperMouseEvent: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly ariaLabel: string;
-    readonly visible: boolean;
     readonly pure: boolean;
     readonly virtualTriggering: boolean;
 }>;

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

@@ -10,13 +10,13 @@ export declare const roleTypes: readonly ["dialog", "grid", "group", "listbox",
 export declare type PopperEffect = typeof effects[number];
 export declare type PopperTrigger = typeof triggers[number];
 export declare const popperProps: {
-    readonly role: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, "grid" | "tree" | "dialog" | "menu" | "listbox" | "tooltip" | "group" | "navigation", unknown, "tooltip", boolean>;
+    readonly role: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, "tree" | "grid" | "dialog" | "menu" | "listbox" | "tooltip" | "group" | "navigation", unknown, "tooltip", boolean>;
 };
 export declare type PopperProps = ExtractPropTypes<typeof popperProps>;
 export declare type PopperInstance = InstanceType<typeof Popper>;
 /** @deprecated use `popperProps` instead, and it will be deprecated in the next major version */
 export declare const usePopperProps: {
-    readonly role: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, "grid" | "tree" | "dialog" | "menu" | "listbox" | "tooltip" | "group" | "navigation", unknown, "tooltip", boolean>;
+    readonly role: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, "tree" | "grid" | "dialog" | "menu" | "listbox" | "tooltip" | "group" | "navigation", unknown, "tooltip", boolean>;
 };
 /** @deprecated use `PopperProps` instead, and it will be deprecated in the next major version */
 export declare type UsePopperProps = PopperProps;