beyond-webui 1.0.6 → 1.0.7

package/es/components/tooltip-v2/index.d.ts

@@ -8,10 +8,10 @@ export declare const ElTooltipV2: import("beyond-webui/es/utils").SFCWithInstall
     readonly arrowPadding: import("beyond-webui/es/utils").EpPropFinalized<(new (...args: any[]) => number & {}) | (() => number) | ((new (...args: any[]) => number & {}) | (() => number))[], unknown, unknown, 5, boolean>;
     readonly effect: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly contentClass: StringConstructor;
-    readonly placement: import("beyond-webui/es/utils").EpPropFinalized<(new (...args: any[]) => import("@floating-ui/core").Placement & {}) | (() => import("@floating-ui/core").Placement) | ((new (...args: any[]) => import("@floating-ui/core").Placement & {}) | (() => import("@floating-ui/core").Placement))[], "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end", unknown, "bottom", boolean>;
+    readonly placement: import("beyond-webui/es/utils").EpPropFinalized<(new (...args: any[]) => import("@floating-ui/core").Placement & {}) | (() => import("@floating-ui/core").Placement) | ((new (...args: any[]) => import("@floating-ui/core").Placement & {}) | (() => import("@floating-ui/core").Placement))[], "top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown, "bottom", boolean>;
     readonly reference: import("beyond-webui/es/utils").EpPropFinalized<(new (...args: any[]) => HTMLElement | import("@floating-ui/dom").VirtualElement) | (() => HTMLElement | import("@floating-ui/dom").VirtualElement | null) | ((new (...args: any[]) => HTMLElement | import("@floating-ui/dom").VirtualElement) | (() => HTMLElement | import("@floating-ui/dom").VirtualElement | null))[], unknown, unknown, null, boolean>;
     readonly offset: import("beyond-webui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 8, boolean>;
-    readonly strategy: import("beyond-webui/es/utils").EpPropFinalized<(new (...args: any[]) => import("@floating-ui/core").Strategy & {}) | (() => import("@floating-ui/core").Strategy) | ((new (...args: any[]) => import("@floating-ui/core").Strategy & {}) | (() => import("@floating-ui/core").Strategy))[], "absolute" | "fixed", unknown, "absolute", boolean>;
+    readonly strategy: import("beyond-webui/es/utils").EpPropFinalized<(new (...args: any[]) => import("@floating-ui/core").Strategy & {}) | (() => import("@floating-ui/core").Strategy) | ((new (...args: any[]) => import("@floating-ui/core").Strategy & {}) | (() => import("@floating-ui/core").Strategy))[], "fixed" | "absolute", unknown, "absolute", boolean>;
     readonly showArrow: import("beyond-webui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly onBlur: {
         readonly type: import("vue").PropType<(e: Event) => boolean | void>;
@@ -78,10 +78,10 @@ export declare const ElTooltipV2: import("beyond-webui/es/utils").SFCWithInstall
         readonly arrowPadding: import("beyond-webui/es/utils").EpPropFinalized<(new (...args: any[]) => number & {}) | (() => number) | ((new (...args: any[]) => number & {}) | (() => number))[], unknown, unknown, 5, boolean>;
         readonly effect: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
         readonly contentClass: StringConstructor;
-        readonly placement: import("beyond-webui/es/utils").EpPropFinalized<(new (...args: any[]) => import("@floating-ui/core").Placement & {}) | (() => import("@floating-ui/core").Placement) | ((new (...args: any[]) => import("@floating-ui/core").Placement & {}) | (() => import("@floating-ui/core").Placement))[], "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end", unknown, "bottom", boolean>;
+        readonly placement: import("beyond-webui/es/utils").EpPropFinalized<(new (...args: any[]) => import("@floating-ui/core").Placement & {}) | (() => import("@floating-ui/core").Placement) | ((new (...args: any[]) => import("@floating-ui/core").Placement & {}) | (() => import("@floating-ui/core").Placement))[], "top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown, "bottom", boolean>;
         readonly reference: import("beyond-webui/es/utils").EpPropFinalized<(new (...args: any[]) => HTMLElement | import("@floating-ui/dom").VirtualElement) | (() => HTMLElement | import("@floating-ui/dom").VirtualElement | null) | ((new (...args: any[]) => HTMLElement | import("@floating-ui/dom").VirtualElement) | (() => HTMLElement | import("@floating-ui/dom").VirtualElement | null))[], unknown, unknown, null, boolean>;
         readonly offset: import("beyond-webui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 8, boolean>;
-        readonly strategy: import("beyond-webui/es/utils").EpPropFinalized<(new (...args: any[]) => import("@floating-ui/core").Strategy & {}) | (() => import("@floating-ui/core").Strategy) | ((new (...args: any[]) => import("@floating-ui/core").Strategy & {}) | (() => import("@floating-ui/core").Strategy))[], "absolute" | "fixed", unknown, "absolute", boolean>;
+        readonly strategy: import("beyond-webui/es/utils").EpPropFinalized<(new (...args: any[]) => import("@floating-ui/core").Strategy & {}) | (() => import("@floating-ui/core").Strategy) | ((new (...args: any[]) => import("@floating-ui/core").Strategy & {}) | (() => import("@floating-ui/core").Strategy))[], "fixed" | "absolute", unknown, "absolute", boolean>;
         readonly showArrow: import("beyond-webui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
         readonly onBlur: {
             readonly type: import("vue").PropType<(e: Event) => boolean | void>;
@@ -150,10 +150,10 @@ export declare const ElTooltipV2: import("beyond-webui/es/utils").SFCWithInstall
         readonly arrowPadding: import("beyond-webui/es/utils").EpPropFinalized<(new (...args: any[]) => number & {}) | (() => number) | ((new (...args: any[]) => number & {}) | (() => number))[], unknown, unknown, 5, boolean>;
         readonly effect: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
         readonly contentClass: StringConstructor;
-        readonly placement: import("beyond-webui/es/utils").EpPropFinalized<(new (...args: any[]) => import("@floating-ui/core").Placement & {}) | (() => import("@floating-ui/core").Placement) | ((new (...args: any[]) => import("@floating-ui/core").Placement & {}) | (() => import("@floating-ui/core").Placement))[], "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end", unknown, "bottom", boolean>;
+        readonly placement: import("beyond-webui/es/utils").EpPropFinalized<(new (...args: any[]) => import("@floating-ui/core").Placement & {}) | (() => import("@floating-ui/core").Placement) | ((new (...args: any[]) => import("@floating-ui/core").Placement & {}) | (() => import("@floating-ui/core").Placement))[], "top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown, "bottom", boolean>;
         readonly reference: import("beyond-webui/es/utils").EpPropFinalized<(new (...args: any[]) => HTMLElement | import("@floating-ui/dom").VirtualElement) | (() => HTMLElement | import("@floating-ui/dom").VirtualElement | null) | ((new (...args: any[]) => HTMLElement | import("@floating-ui/dom").VirtualElement) | (() => HTMLElement | import("@floating-ui/dom").VirtualElement | null))[], unknown, unknown, null, boolean>;
         readonly offset: import("beyond-webui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 8, boolean>;
-        readonly strategy: import("beyond-webui/es/utils").EpPropFinalized<(new (...args: any[]) => import("@floating-ui/core").Strategy & {}) | (() => import("@floating-ui/core").Strategy) | ((new (...args: any[]) => import("@floating-ui/core").Strategy & {}) | (() => import("@floating-ui/core").Strategy))[], "absolute" | "fixed", unknown, "absolute", boolean>;
+        readonly strategy: import("beyond-webui/es/utils").EpPropFinalized<(new (...args: any[]) => import("@floating-ui/core").Strategy & {}) | (() => import("@floating-ui/core").Strategy) | ((new (...args: any[]) => import("@floating-ui/core").Strategy & {}) | (() => import("@floating-ui/core").Strategy))[], "fixed" | "absolute", unknown, "absolute", boolean>;
         readonly showArrow: import("beyond-webui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
         readonly onBlur: {
             readonly type: import("vue").PropType<(e: Event) => boolean | void>;
@@ -214,23 +214,23 @@ export declare const ElTooltipV2: import("beyond-webui/es/utils").SFCWithInstall
     }>>>;
     arrowProps: {
         [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
-        readonly style?: import("beyond-webui/es/utils").EpPropMergeType<(new (...args: any[]) => import("vue").CSSProperties) | (() => import("vue").CSSProperties | null) | ((new (...args: any[]) => import("vue").CSSProperties) | (() => import("vue").CSSProperties | null))[], unknown, unknown> | undefined;
-        readonly open?: import("beyond-webui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
-        readonly placement?: import("beyond-webui/es/utils").EpPropMergeType<(new (...args: any[]) => import("@floating-ui/core").Placement & {}) | (() => import("@floating-ui/core").Placement) | ((new (...args: any[]) => import("@floating-ui/core").Placement & {}) | (() => import("@floating-ui/core").Placement))[], "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end", unknown> | undefined;
-        readonly strategy?: import("beyond-webui/es/utils").EpPropMergeType<(new (...args: any[]) => import("@floating-ui/core").Strategy & {}) | (() => import("@floating-ui/core").Strategy) | ((new (...args: any[]) => import("@floating-ui/core").Strategy & {}) | (() => import("@floating-ui/core").Strategy))[], "absolute" | "fixed", unknown> | undefined;
-        readonly width?: number | undefined;
-        readonly height?: number | undefined;
         readonly offset?: number | undefined;
-        readonly reference?: import("beyond-webui/es/utils").EpPropMergeType<(new (...args: any[]) => HTMLElement | import("@floating-ui/dom").VirtualElement) | (() => HTMLElement | import("@floating-ui/dom").VirtualElement | null) | ((new (...args: any[]) => HTMLElement | import("@floating-ui/dom").VirtualElement) | (() => HTMLElement | import("@floating-ui/dom").VirtualElement | null))[], unknown, unknown> | undefined;
+        readonly height?: number | undefined;
+        readonly width?: number | undefined;
         readonly effect?: string | undefined;
-        readonly to?: import("beyond-webui/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").RendererElement | null | undefined) & {}) | (() => string | import("vue").RendererElement | null | undefined) | ((new (...args: any[]) => (string | import("vue").RendererElement | null | undefined) & {}) | (() => string | import("vue").RendererElement | null | undefined))[], unknown, unknown>;
+        readonly placement?: import("beyond-webui/es/utils").EpPropMergeType<(new (...args: any[]) => import("@floating-ui/core").Placement & {}) | (() => import("@floating-ui/core").Placement) | ((new (...args: any[]) => import("@floating-ui/core").Placement & {}) | (() => import("@floating-ui/core").Placement))[], "top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown> | undefined;
+        readonly strategy?: import("beyond-webui/es/utils").EpPropMergeType<(new (...args: any[]) => import("@floating-ui/core").Strategy & {}) | (() => import("@floating-ui/core").Strategy) | ((new (...args: any[]) => import("@floating-ui/core").Strategy & {}) | (() => import("@floating-ui/core").Strategy))[], "fixed" | "absolute", unknown> | undefined;
+        readonly style?: import("beyond-webui/es/utils").EpPropMergeType<(new (...args: any[]) => import("vue").CSSProperties) | (() => import("vue").CSSProperties | null) | ((new (...args: any[]) => import("vue").CSSProperties) | (() => import("vue").CSSProperties | null))[], unknown, unknown> | undefined;
         readonly ariaLabel?: string | undefined;
         readonly teleported?: boolean | undefined;
         readonly onBlur?: ((e: Event) => boolean | void) | undefined;
         readonly onFocus?: ((e: Event) => boolean | void) | undefined;
+        readonly open?: import("beyond-webui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
         readonly onClick?: ((e: Event) => boolean | void) | undefined;
         readonly showArrow?: import("beyond-webui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
         readonly contentClass?: string | undefined;
+        readonly to?: import("beyond-webui/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").RendererElement | null | undefined) & {}) | (() => string | import("vue").RendererElement | null | undefined) | ((new (...args: any[]) => (string | import("vue").RendererElement | null | undefined) & {}) | (() => string | import("vue").RendererElement | null | undefined))[], unknown, unknown>;
+        readonly reference?: import("beyond-webui/es/utils").EpPropMergeType<(new (...args: any[]) => HTMLElement | import("@floating-ui/dom").VirtualElement) | (() => HTMLElement | import("@floating-ui/dom").VirtualElement | null) | ((new (...args: any[]) => HTMLElement | import("@floating-ui/dom").VirtualElement) | (() => HTMLElement | import("@floating-ui/dom").VirtualElement | null))[], unknown, unknown> | undefined;
         readonly alwaysOn?: boolean | undefined;
         readonly delayDuration?: number | undefined;
         readonly onOpenChange?: ((state: boolean) => void) | undefined;
@@ -245,23 +245,23 @@ export declare const ElTooltipV2: import("beyond-webui/es/utils").SFCWithInstall
     };
     contentProps: {
         [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
-        readonly style?: import("beyond-webui/es/utils").EpPropMergeType<(new (...args: any[]) => import("vue").CSSProperties) | (() => import("vue").CSSProperties | null) | ((new (...args: any[]) => import("vue").CSSProperties) | (() => import("vue").CSSProperties | null))[], unknown, unknown> | undefined;
-        readonly open?: import("beyond-webui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
-        readonly placement?: import("beyond-webui/es/utils").EpPropMergeType<(new (...args: any[]) => import("@floating-ui/core").Placement & {}) | (() => import("@floating-ui/core").Placement) | ((new (...args: any[]) => import("@floating-ui/core").Placement & {}) | (() => import("@floating-ui/core").Placement))[], "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end", unknown> | undefined;
-        readonly strategy?: import("beyond-webui/es/utils").EpPropMergeType<(new (...args: any[]) => import("@floating-ui/core").Strategy & {}) | (() => import("@floating-ui/core").Strategy) | ((new (...args: any[]) => import("@floating-ui/core").Strategy & {}) | (() => import("@floating-ui/core").Strategy))[], "absolute" | "fixed", unknown> | undefined;
-        readonly width?: number | undefined;
-        readonly height?: number | undefined;
         readonly offset?: number | undefined;
-        readonly reference?: import("beyond-webui/es/utils").EpPropMergeType<(new (...args: any[]) => HTMLElement | import("@floating-ui/dom").VirtualElement) | (() => HTMLElement | import("@floating-ui/dom").VirtualElement | null) | ((new (...args: any[]) => HTMLElement | import("@floating-ui/dom").VirtualElement) | (() => HTMLElement | import("@floating-ui/dom").VirtualElement | null))[], unknown, unknown> | undefined;
+        readonly height?: number | undefined;
+        readonly width?: number | undefined;
         readonly effect?: string | undefined;
-        readonly to?: import("beyond-webui/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").RendererElement | null | undefined) & {}) | (() => string | import("vue").RendererElement | null | undefined) | ((new (...args: any[]) => (string | import("vue").RendererElement | null | undefined) & {}) | (() => string | import("vue").RendererElement | null | undefined))[], unknown, unknown>;
+        readonly placement?: import("beyond-webui/es/utils").EpPropMergeType<(new (...args: any[]) => import("@floating-ui/core").Placement & {}) | (() => import("@floating-ui/core").Placement) | ((new (...args: any[]) => import("@floating-ui/core").Placement & {}) | (() => import("@floating-ui/core").Placement))[], "top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown> | undefined;
+        readonly strategy?: import("beyond-webui/es/utils").EpPropMergeType<(new (...args: any[]) => import("@floating-ui/core").Strategy & {}) | (() => import("@floating-ui/core").Strategy) | ((new (...args: any[]) => import("@floating-ui/core").Strategy & {}) | (() => import("@floating-ui/core").Strategy))[], "fixed" | "absolute", unknown> | undefined;
+        readonly style?: import("beyond-webui/es/utils").EpPropMergeType<(new (...args: any[]) => import("vue").CSSProperties) | (() => import("vue").CSSProperties | null) | ((new (...args: any[]) => import("vue").CSSProperties) | (() => import("vue").CSSProperties | null))[], unknown, unknown> | undefined;
         readonly ariaLabel?: string | undefined;
         readonly teleported?: boolean | undefined;
         readonly onBlur?: ((e: Event) => boolean | void) | undefined;
         readonly onFocus?: ((e: Event) => boolean | void) | undefined;
+        readonly open?: import("beyond-webui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
         readonly onClick?: ((e: Event) => boolean | void) | undefined;
         readonly showArrow?: import("beyond-webui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
         readonly contentClass?: string | undefined;
+        readonly to?: import("beyond-webui/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").RendererElement | null | undefined) & {}) | (() => string | import("vue").RendererElement | null | undefined) | ((new (...args: any[]) => (string | import("vue").RendererElement | null | undefined) & {}) | (() => string | import("vue").RendererElement | null | undefined))[], unknown, unknown>;
+        readonly reference?: import("beyond-webui/es/utils").EpPropMergeType<(new (...args: any[]) => HTMLElement | import("@floating-ui/dom").VirtualElement) | (() => HTMLElement | import("@floating-ui/dom").VirtualElement | null) | ((new (...args: any[]) => HTMLElement | import("@floating-ui/dom").VirtualElement) | (() => HTMLElement | import("@floating-ui/dom").VirtualElement | null))[], unknown, unknown> | undefined;
         readonly alwaysOn?: boolean | undefined;
         readonly delayDuration?: number | undefined;
         readonly onOpenChange?: ((state: boolean) => void) | undefined;
@@ -276,23 +276,23 @@ export declare const ElTooltipV2: import("beyond-webui/es/utils").SFCWithInstall
     };
     rootProps: {
         [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
-        readonly style?: import("beyond-webui/es/utils").EpPropMergeType<(new (...args: any[]) => import("vue").CSSProperties) | (() => import("vue").CSSProperties | null) | ((new (...args: any[]) => import("vue").CSSProperties) | (() => import("vue").CSSProperties | null))[], unknown, unknown> | undefined;
-        readonly open?: import("beyond-webui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
-        readonly placement?: import("beyond-webui/es/utils").EpPropMergeType<(new (...args: any[]) => import("@floating-ui/core").Placement & {}) | (() => import("@floating-ui/core").Placement) | ((new (...args: any[]) => import("@floating-ui/core").Placement & {}) | (() => import("@floating-ui/core").Placement))[], "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end", unknown> | undefined;
-        readonly strategy?: import("beyond-webui/es/utils").EpPropMergeType<(new (...args: any[]) => import("@floating-ui/core").Strategy & {}) | (() => import("@floating-ui/core").Strategy) | ((new (...args: any[]) => import("@floating-ui/core").Strategy & {}) | (() => import("@floating-ui/core").Strategy))[], "absolute" | "fixed", unknown> | undefined;
-        readonly width?: number | undefined;
-        readonly height?: number | undefined;
         readonly offset?: number | undefined;
-        readonly reference?: import("beyond-webui/es/utils").EpPropMergeType<(new (...args: any[]) => HTMLElement | import("@floating-ui/dom").VirtualElement) | (() => HTMLElement | import("@floating-ui/dom").VirtualElement | null) | ((new (...args: any[]) => HTMLElement | import("@floating-ui/dom").VirtualElement) | (() => HTMLElement | import("@floating-ui/dom").VirtualElement | null))[], unknown, unknown> | undefined;
+        readonly height?: number | undefined;
+        readonly width?: number | undefined;
         readonly effect?: string | undefined;
-        readonly to?: import("beyond-webui/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").RendererElement | null | undefined) & {}) | (() => string | import("vue").RendererElement | null | undefined) | ((new (...args: any[]) => (string | import("vue").RendererElement | null | undefined) & {}) | (() => string | import("vue").RendererElement | null | undefined))[], unknown, unknown>;
+        readonly placement?: import("beyond-webui/es/utils").EpPropMergeType<(new (...args: any[]) => import("@floating-ui/core").Placement & {}) | (() => import("@floating-ui/core").Placement) | ((new (...args: any[]) => import("@floating-ui/core").Placement & {}) | (() => import("@floating-ui/core").Placement))[], "top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown> | undefined;
+        readonly strategy?: import("beyond-webui/es/utils").EpPropMergeType<(new (...args: any[]) => import("@floating-ui/core").Strategy & {}) | (() => import("@floating-ui/core").Strategy) | ((new (...args: any[]) => import("@floating-ui/core").Strategy & {}) | (() => import("@floating-ui/core").Strategy))[], "fixed" | "absolute", unknown> | undefined;
+        readonly style?: import("beyond-webui/es/utils").EpPropMergeType<(new (...args: any[]) => import("vue").CSSProperties) | (() => import("vue").CSSProperties | null) | ((new (...args: any[]) => import("vue").CSSProperties) | (() => import("vue").CSSProperties | null))[], unknown, unknown> | undefined;
         readonly ariaLabel?: string | undefined;
         readonly teleported?: boolean | undefined;
         readonly onBlur?: ((e: Event) => boolean | void) | undefined;
         readonly onFocus?: ((e: Event) => boolean | void) | undefined;
+        readonly open?: import("beyond-webui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
         readonly onClick?: ((e: Event) => boolean | void) | undefined;
         readonly showArrow?: import("beyond-webui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
         readonly contentClass?: string | undefined;
+        readonly to?: import("beyond-webui/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").RendererElement | null | undefined) & {}) | (() => string | import("vue").RendererElement | null | undefined) | ((new (...args: any[]) => (string | import("vue").RendererElement | null | undefined) & {}) | (() => string | import("vue").RendererElement | null | undefined))[], unknown, unknown>;
+        readonly reference?: import("beyond-webui/es/utils").EpPropMergeType<(new (...args: any[]) => HTMLElement | import("@floating-ui/dom").VirtualElement) | (() => HTMLElement | import("@floating-ui/dom").VirtualElement | null) | ((new (...args: any[]) => HTMLElement | import("@floating-ui/dom").VirtualElement) | (() => HTMLElement | import("@floating-ui/dom").VirtualElement | null))[], unknown, unknown> | undefined;
         readonly alwaysOn?: boolean | undefined;
         readonly delayDuration?: number | undefined;
         readonly onOpenChange?: ((state: boolean) => void) | undefined;
@@ -307,23 +307,23 @@ export declare const ElTooltipV2: import("beyond-webui/es/utils").SFCWithInstall
     };
     triggerProps: {
         [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
-        readonly style?: import("beyond-webui/es/utils").EpPropMergeType<(new (...args: any[]) => import("vue").CSSProperties) | (() => import("vue").CSSProperties | null) | ((new (...args: any[]) => import("vue").CSSProperties) | (() => import("vue").CSSProperties | null))[], unknown, unknown> | undefined;
-        readonly open?: import("beyond-webui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
-        readonly placement?: import("beyond-webui/es/utils").EpPropMergeType<(new (...args: any[]) => import("@floating-ui/core").Placement & {}) | (() => import("@floating-ui/core").Placement) | ((new (...args: any[]) => import("@floating-ui/core").Placement & {}) | (() => import("@floating-ui/core").Placement))[], "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end", unknown> | undefined;
-        readonly strategy?: import("beyond-webui/es/utils").EpPropMergeType<(new (...args: any[]) => import("@floating-ui/core").Strategy & {}) | (() => import("@floating-ui/core").Strategy) | ((new (...args: any[]) => import("@floating-ui/core").Strategy & {}) | (() => import("@floating-ui/core").Strategy))[], "absolute" | "fixed", unknown> | undefined;
-        readonly width?: number | undefined;
-        readonly height?: number | undefined;
         readonly offset?: number | undefined;
-        readonly reference?: import("beyond-webui/es/utils").EpPropMergeType<(new (...args: any[]) => HTMLElement | import("@floating-ui/dom").VirtualElement) | (() => HTMLElement | import("@floating-ui/dom").VirtualElement | null) | ((new (...args: any[]) => HTMLElement | import("@floating-ui/dom").VirtualElement) | (() => HTMLElement | import("@floating-ui/dom").VirtualElement | null))[], unknown, unknown> | undefined;
+        readonly height?: number | undefined;
+        readonly width?: number | undefined;
         readonly effect?: string | undefined;
-        readonly to?: import("beyond-webui/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").RendererElement | null | undefined) & {}) | (() => string | import("vue").RendererElement | null | undefined) | ((new (...args: any[]) => (string | import("vue").RendererElement | null | undefined) & {}) | (() => string | import("vue").RendererElement | null | undefined))[], unknown, unknown>;
+        readonly placement?: import("beyond-webui/es/utils").EpPropMergeType<(new (...args: any[]) => import("@floating-ui/core").Placement & {}) | (() => import("@floating-ui/core").Placement) | ((new (...args: any[]) => import("@floating-ui/core").Placement & {}) | (() => import("@floating-ui/core").Placement))[], "top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown> | undefined;
+        readonly strategy?: import("beyond-webui/es/utils").EpPropMergeType<(new (...args: any[]) => import("@floating-ui/core").Strategy & {}) | (() => import("@floating-ui/core").Strategy) | ((new (...args: any[]) => import("@floating-ui/core").Strategy & {}) | (() => import("@floating-ui/core").Strategy))[], "fixed" | "absolute", unknown> | undefined;
+        readonly style?: import("beyond-webui/es/utils").EpPropMergeType<(new (...args: any[]) => import("vue").CSSProperties) | (() => import("vue").CSSProperties | null) | ((new (...args: any[]) => import("vue").CSSProperties) | (() => import("vue").CSSProperties | null))[], unknown, unknown> | undefined;
         readonly ariaLabel?: string | undefined;
         readonly teleported?: boolean | undefined;
         readonly onBlur?: ((e: Event) => boolean | void) | undefined;
         readonly onFocus?: ((e: Event) => boolean | void) | undefined;
+        readonly open?: import("beyond-webui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
         readonly onClick?: ((e: Event) => boolean | void) | undefined;
         readonly showArrow?: import("beyond-webui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
         readonly contentClass?: string | undefined;
+        readonly to?: import("beyond-webui/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").RendererElement | null | undefined) & {}) | (() => string | import("vue").RendererElement | null | undefined) | ((new (...args: any[]) => (string | import("vue").RendererElement | null | undefined) & {}) | (() => string | import("vue").RendererElement | null | undefined))[], unknown, unknown>;
+        readonly reference?: import("beyond-webui/es/utils").EpPropMergeType<(new (...args: any[]) => HTMLElement | import("@floating-ui/dom").VirtualElement) | (() => HTMLElement | import("@floating-ui/dom").VirtualElement | null) | ((new (...args: any[]) => HTMLElement | import("@floating-ui/dom").VirtualElement) | (() => HTMLElement | import("@floating-ui/dom").VirtualElement | null))[], unknown, unknown> | undefined;
         readonly alwaysOn?: boolean | undefined;
         readonly delayDuration?: number | undefined;
         readonly onOpenChange?: ((state: boolean) => void) | undefined;
@@ -478,9 +478,9 @@ export declare const ElTooltipV2: import("beyond-webui/es/utils").SFCWithInstall
         height: import("beyond-webui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 10, boolean>;
         style: import("beyond-webui/es/utils").EpPropFinalized<(new (...args: any[]) => import("vue").CSSProperties) | (() => import("vue").CSSProperties | null) | ((new (...args: any[]) => import("vue").CSSProperties) | (() => import("vue").CSSProperties | null))[], unknown, unknown, null, boolean>;
     }>>, {
-        style: import("beyond-webui/es/utils").EpPropMergeType<(new (...args: any[]) => import("vue").CSSProperties) | (() => import("vue").CSSProperties | null) | ((new (...args: any[]) => import("vue").CSSProperties) | (() => import("vue").CSSProperties | null))[], unknown, unknown>;
-        width: number;
         height: number;
+        width: number;
+        style: import("beyond-webui/es/utils").EpPropMergeType<(new (...args: any[]) => import("vue").CSSProperties) | (() => import("vue").CSSProperties | null) | ((new (...args: any[]) => import("vue").CSSProperties) | (() => import("vue").CSSProperties | null))[], unknown, unknown>;
     }>;
     TooltipV2Content: import("vue").DefineComponent<{
         nowrap: BooleanConstructor;
@@ -488,10 +488,10 @@ export declare const ElTooltipV2: import("beyond-webui/es/utils").SFCWithInstall
         arrowPadding: import("beyond-webui/es/utils").EpPropFinalized<(new (...args: any[]) => number & {}) | (() => number) | ((new (...args: any[]) => number & {}) | (() => number))[], unknown, unknown, 5, boolean>;
         effect: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
         contentClass: StringConstructor;
-        placement: import("beyond-webui/es/utils").EpPropFinalized<(new (...args: any[]) => import("@floating-ui/core").Placement & {}) | (() => import("@floating-ui/core").Placement) | ((new (...args: any[]) => import("@floating-ui/core").Placement & {}) | (() => import("@floating-ui/core").Placement))[], "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end", unknown, "bottom", boolean>;
+        placement: import("beyond-webui/es/utils").EpPropFinalized<(new (...args: any[]) => import("@floating-ui/core").Placement & {}) | (() => import("@floating-ui/core").Placement) | ((new (...args: any[]) => import("@floating-ui/core").Placement & {}) | (() => import("@floating-ui/core").Placement))[], "top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown, "bottom", boolean>;
         reference: import("beyond-webui/es/utils").EpPropFinalized<(new (...args: any[]) => HTMLElement | import("@floating-ui/dom").VirtualElement) | (() => HTMLElement | import("@floating-ui/dom").VirtualElement | null) | ((new (...args: any[]) => HTMLElement | import("@floating-ui/dom").VirtualElement) | (() => HTMLElement | import("@floating-ui/dom").VirtualElement | null))[], unknown, unknown, null, boolean>;
         offset: import("beyond-webui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 8, boolean>;
-        strategy: import("beyond-webui/es/utils").EpPropFinalized<(new (...args: any[]) => import("@floating-ui/core").Strategy & {}) | (() => import("@floating-ui/core").Strategy) | ((new (...args: any[]) => import("@floating-ui/core").Strategy & {}) | (() => import("@floating-ui/core").Strategy))[], "absolute" | "fixed", unknown, "absolute", boolean>;
+        strategy: import("beyond-webui/es/utils").EpPropFinalized<(new (...args: any[]) => import("@floating-ui/core").Strategy & {}) | (() => import("@floating-ui/core").Strategy) | ((new (...args: any[]) => import("@floating-ui/core").Strategy & {}) | (() => import("@floating-ui/core").Strategy))[], "fixed" | "absolute", unknown, "absolute", boolean>;
         showArrow: import("beyond-webui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     }, {
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
@@ -500,18 +500,18 @@ export declare const ElTooltipV2: import("beyond-webui/es/utils").SFCWithInstall
             arrowPadding: import("beyond-webui/es/utils").EpPropFinalized<(new (...args: any[]) => number & {}) | (() => number) | ((new (...args: any[]) => number & {}) | (() => number))[], unknown, unknown, 5, boolean>;
             effect: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
             contentClass: StringConstructor;
-            placement: import("beyond-webui/es/utils").EpPropFinalized<(new (...args: any[]) => import("@floating-ui/core").Placement & {}) | (() => import("@floating-ui/core").Placement) | ((new (...args: any[]) => import("@floating-ui/core").Placement & {}) | (() => import("@floating-ui/core").Placement))[], "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end", unknown, "bottom", boolean>;
+            placement: import("beyond-webui/es/utils").EpPropFinalized<(new (...args: any[]) => import("@floating-ui/core").Placement & {}) | (() => import("@floating-ui/core").Placement) | ((new (...args: any[]) => import("@floating-ui/core").Placement & {}) | (() => import("@floating-ui/core").Placement))[], "top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown, "bottom", boolean>;
             reference: import("beyond-webui/es/utils").EpPropFinalized<(new (...args: any[]) => HTMLElement | import("@floating-ui/dom").VirtualElement) | (() => HTMLElement | import("@floating-ui/dom").VirtualElement | null) | ((new (...args: any[]) => HTMLElement | import("@floating-ui/dom").VirtualElement) | (() => HTMLElement | import("@floating-ui/dom").VirtualElement | null))[], unknown, unknown, null, boolean>;
             offset: import("beyond-webui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 8, boolean>;
-            strategy: import("beyond-webui/es/utils").EpPropFinalized<(new (...args: any[]) => import("@floating-ui/core").Strategy & {}) | (() => import("@floating-ui/core").Strategy) | ((new (...args: any[]) => import("@floating-ui/core").Strategy & {}) | (() => import("@floating-ui/core").Strategy))[], "absolute" | "fixed", unknown, "absolute", boolean>;
+            strategy: import("beyond-webui/es/utils").EpPropFinalized<(new (...args: any[]) => import("@floating-ui/core").Strategy & {}) | (() => import("@floating-ui/core").Strategy) | ((new (...args: any[]) => import("@floating-ui/core").Strategy & {}) | (() => import("@floating-ui/core").Strategy))[], "fixed" | "absolute", unknown, "absolute", boolean>;
             showArrow: import("beyond-webui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
         }>> & {
             [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
         }>>;
         triggerRef: import("vue").Ref<HTMLElement | null>;
         contentId: import("vue").Ref<string>;
-        placement: import("vue").Ref<import("beyond-webui/es/utils").EpPropMergeType<(new (...args: any[]) => import("@floating-ui/core").Placement & {}) | (() => import("@floating-ui/core").Placement) | ((new (...args: any[]) => import("@floating-ui/core").Placement & {}) | (() => import("@floating-ui/core").Placement))[], "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end", unknown>>;
-        strategy: import("vue").Ref<import("beyond-webui/es/utils").EpPropMergeType<(new (...args: any[]) => import("@floating-ui/core").Strategy & {}) | (() => import("@floating-ui/core").Strategy) | ((new (...args: any[]) => import("@floating-ui/core").Strategy & {}) | (() => import("@floating-ui/core").Strategy))[], "absolute" | "fixed", unknown>>;
+        placement: import("vue").Ref<import("beyond-webui/es/utils").EpPropMergeType<(new (...args: any[]) => import("@floating-ui/core").Placement & {}) | (() => import("@floating-ui/core").Placement) | ((new (...args: any[]) => import("@floating-ui/core").Placement & {}) | (() => import("@floating-ui/core").Placement))[], "top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown>>;
+        strategy: import("vue").Ref<import("beyond-webui/es/utils").EpPropMergeType<(new (...args: any[]) => import("@floating-ui/core").Strategy & {}) | (() => import("@floating-ui/core").Strategy) | ((new (...args: any[]) => import("@floating-ui/core").Strategy & {}) | (() => import("@floating-ui/core").Strategy))[], "fixed" | "absolute", unknown>>;
         arrowRef: import("vue").Ref<HTMLElement | null>;
         referenceRef: import("vue").Ref<HTMLElement | import("@floating-ui/dom").VirtualElement | undefined>;
         contentRef: import("vue").Ref<HTMLElement | undefined>;
@@ -541,14 +541,14 @@ export declare const ElTooltipV2: import("beyond-webui/es/utils").SFCWithInstall
                 escaped?: boolean | undefined;
                 referenceHiddenOffsets?: {
                     top: number;
-                    right: number;
                     bottom: number;
+                    right: number;
                     left: number;
                 } | undefined;
                 escapedOffsets?: {
                     top: number;
-                    right: number;
                     bottom: number;
+                    right: number;
                     left: number;
                 } | undefined;
             } | undefined;
@@ -607,19 +607,19 @@ export declare const ElTooltipV2: import("beyond-webui/es/utils").SFCWithInstall
         arrowPadding: import("beyond-webui/es/utils").EpPropFinalized<(new (...args: any[]) => number & {}) | (() => number) | ((new (...args: any[]) => number & {}) | (() => number))[], unknown, unknown, 5, boolean>;
         effect: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
         contentClass: StringConstructor;
-        placement: import("beyond-webui/es/utils").EpPropFinalized<(new (...args: any[]) => import("@floating-ui/core").Placement & {}) | (() => import("@floating-ui/core").Placement) | ((new (...args: any[]) => import("@floating-ui/core").Placement & {}) | (() => import("@floating-ui/core").Placement))[], "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end", unknown, "bottom", boolean>;
+        placement: import("beyond-webui/es/utils").EpPropFinalized<(new (...args: any[]) => import("@floating-ui/core").Placement & {}) | (() => import("@floating-ui/core").Placement) | ((new (...args: any[]) => import("@floating-ui/core").Placement & {}) | (() => import("@floating-ui/core").Placement))[], "top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown, "bottom", boolean>;
         reference: import("beyond-webui/es/utils").EpPropFinalized<(new (...args: any[]) => HTMLElement | import("@floating-ui/dom").VirtualElement) | (() => HTMLElement | import("@floating-ui/dom").VirtualElement | null) | ((new (...args: any[]) => HTMLElement | import("@floating-ui/dom").VirtualElement) | (() => HTMLElement | import("@floating-ui/dom").VirtualElement | null))[], unknown, unknown, null, boolean>;
         offset: import("beyond-webui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 8, boolean>;
-        strategy: import("beyond-webui/es/utils").EpPropFinalized<(new (...args: any[]) => import("@floating-ui/core").Strategy & {}) | (() => import("@floating-ui/core").Strategy) | ((new (...args: any[]) => import("@floating-ui/core").Strategy & {}) | (() => import("@floating-ui/core").Strategy))[], "absolute" | "fixed", unknown, "absolute", boolean>;
+        strategy: import("beyond-webui/es/utils").EpPropFinalized<(new (...args: any[]) => import("@floating-ui/core").Strategy & {}) | (() => import("@floating-ui/core").Strategy) | ((new (...args: any[]) => import("@floating-ui/core").Strategy & {}) | (() => import("@floating-ui/core").Strategy))[], "fixed" | "absolute", unknown, "absolute", boolean>;
         showArrow: import("beyond-webui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     }>>, {
-        placement: import("beyond-webui/es/utils").EpPropMergeType<(new (...args: any[]) => import("@floating-ui/core").Placement & {}) | (() => import("@floating-ui/core").Placement) | ((new (...args: any[]) => import("@floating-ui/core").Placement & {}) | (() => import("@floating-ui/core").Placement))[], "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end", unknown>;
-        strategy: import("beyond-webui/es/utils").EpPropMergeType<(new (...args: any[]) => import("@floating-ui/core").Strategy & {}) | (() => import("@floating-ui/core").Strategy) | ((new (...args: any[]) => import("@floating-ui/core").Strategy & {}) | (() => import("@floating-ui/core").Strategy))[], "absolute" | "fixed", unknown>;
         offset: number;
-        reference: import("beyond-webui/es/utils").EpPropMergeType<(new (...args: any[]) => HTMLElement | import("@floating-ui/dom").VirtualElement) | (() => HTMLElement | import("@floating-ui/dom").VirtualElement | null) | ((new (...args: any[]) => HTMLElement | import("@floating-ui/dom").VirtualElement) | (() => HTMLElement | import("@floating-ui/dom").VirtualElement | null))[], unknown, unknown>;
         effect: string;
+        placement: import("beyond-webui/es/utils").EpPropMergeType<(new (...args: any[]) => import("@floating-ui/core").Placement & {}) | (() => import("@floating-ui/core").Placement) | ((new (...args: any[]) => import("@floating-ui/core").Placement & {}) | (() => import("@floating-ui/core").Placement))[], "top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown>;
+        strategy: import("beyond-webui/es/utils").EpPropMergeType<(new (...args: any[]) => import("@floating-ui/core").Strategy & {}) | (() => import("@floating-ui/core").Strategy) | ((new (...args: any[]) => import("@floating-ui/core").Strategy & {}) | (() => import("@floating-ui/core").Strategy))[], "fixed" | "absolute", unknown>;
         nowrap: boolean;
         showArrow: import("beyond-webui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        reference: import("beyond-webui/es/utils").EpPropMergeType<(new (...args: any[]) => HTMLElement | import("@floating-ui/dom").VirtualElement) | (() => HTMLElement | import("@floating-ui/dom").VirtualElement | null) | ((new (...args: any[]) => HTMLElement | import("@floating-ui/dom").VirtualElement) | (() => HTMLElement | import("@floating-ui/dom").VirtualElement | null))[], unknown, unknown>;
         arrowPadding: number;
     }>;
     TooltipV2Trigger: import("vue").DefineComponent<{
@@ -795,10 +795,10 @@ export declare const ElTooltipV2: import("beyond-webui/es/utils").SFCWithInstall
     readonly arrowPadding: import("beyond-webui/es/utils").EpPropFinalized<(new (...args: any[]) => number & {}) | (() => number) | ((new (...args: any[]) => number & {}) | (() => number))[], unknown, unknown, 5, boolean>;
     readonly effect: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly contentClass: StringConstructor;
-    readonly placement: import("beyond-webui/es/utils").EpPropFinalized<(new (...args: any[]) => import("@floating-ui/core").Placement & {}) | (() => import("@floating-ui/core").Placement) | ((new (...args: any[]) => import("@floating-ui/core").Placement & {}) | (() => import("@floating-ui/core").Placement))[], "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end", unknown, "bottom", boolean>;
+    readonly placement: import("beyond-webui/es/utils").EpPropFinalized<(new (...args: any[]) => import("@floating-ui/core").Placement & {}) | (() => import("@floating-ui/core").Placement) | ((new (...args: any[]) => import("@floating-ui/core").Placement & {}) | (() => import("@floating-ui/core").Placement))[], "top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown, "bottom", boolean>;
     readonly reference: import("beyond-webui/es/utils").EpPropFinalized<(new (...args: any[]) => HTMLElement | import("@floating-ui/dom").VirtualElement) | (() => HTMLElement | import("@floating-ui/dom").VirtualElement | null) | ((new (...args: any[]) => HTMLElement | import("@floating-ui/dom").VirtualElement) | (() => HTMLElement | import("@floating-ui/dom").VirtualElement | null))[], unknown, unknown, null, boolean>;
     readonly offset: import("beyond-webui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 8, boolean>;
-    readonly strategy: import("beyond-webui/es/utils").EpPropFinalized<(new (...args: any[]) => import("@floating-ui/core").Strategy & {}) | (() => import("@floating-ui/core").Strategy) | ((new (...args: any[]) => import("@floating-ui/core").Strategy & {}) | (() => import("@floating-ui/core").Strategy))[], "absolute" | "fixed", unknown, "absolute", boolean>;
+    readonly strategy: import("beyond-webui/es/utils").EpPropFinalized<(new (...args: any[]) => import("@floating-ui/core").Strategy & {}) | (() => import("@floating-ui/core").Strategy) | ((new (...args: any[]) => import("@floating-ui/core").Strategy & {}) | (() => import("@floating-ui/core").Strategy))[], "fixed" | "absolute", unknown, "absolute", boolean>;
     readonly showArrow: import("beyond-webui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly onBlur: {
         readonly type: import("vue").PropType<(e: Event) => boolean | void>;
@@ -855,18 +855,18 @@ export declare const ElTooltipV2: import("beyond-webui/es/utils").SFCWithInstall
         __epPropKey: true;
     };
 }>>, {
-    readonly style: import("beyond-webui/es/utils").EpPropMergeType<(new (...args: any[]) => import("vue").CSSProperties) | (() => import("vue").CSSProperties | null) | ((new (...args: any[]) => import("vue").CSSProperties) | (() => import("vue").CSSProperties | null))[], unknown, unknown>;
-    readonly open: import("beyond-webui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly placement: import("beyond-webui/es/utils").EpPropMergeType<(new (...args: any[]) => import("@floating-ui/core").Placement & {}) | (() => import("@floating-ui/core").Placement) | ((new (...args: any[]) => import("@floating-ui/core").Placement & {}) | (() => import("@floating-ui/core").Placement))[], "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end", unknown>;
-    readonly strategy: import("beyond-webui/es/utils").EpPropMergeType<(new (...args: any[]) => import("@floating-ui/core").Strategy & {}) | (() => import("@floating-ui/core").Strategy) | ((new (...args: any[]) => import("@floating-ui/core").Strategy & {}) | (() => import("@floating-ui/core").Strategy))[], "absolute" | "fixed", unknown>;
-    readonly width: number;
-    readonly height: number;
     readonly offset: number;
-    readonly reference: import("beyond-webui/es/utils").EpPropMergeType<(new (...args: any[]) => HTMLElement | import("@floating-ui/dom").VirtualElement) | (() => HTMLElement | import("@floating-ui/dom").VirtualElement | null) | ((new (...args: any[]) => HTMLElement | import("@floating-ui/dom").VirtualElement) | (() => HTMLElement | import("@floating-ui/dom").VirtualElement | null))[], unknown, unknown>;
+    readonly height: number;
+    readonly width: number;
     readonly effect: string;
-    readonly to: import("beyond-webui/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").RendererElement | null | undefined) & {}) | (() => string | import("vue").RendererElement | null | undefined) | ((new (...args: any[]) => (string | import("vue").RendererElement | null | undefined) & {}) | (() => string | import("vue").RendererElement | null | undefined))[], unknown, unknown>;
+    readonly placement: import("beyond-webui/es/utils").EpPropMergeType<(new (...args: any[]) => import("@floating-ui/core").Placement & {}) | (() => import("@floating-ui/core").Placement) | ((new (...args: any[]) => import("@floating-ui/core").Placement & {}) | (() => import("@floating-ui/core").Placement))[], "top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown>;
+    readonly strategy: import("beyond-webui/es/utils").EpPropMergeType<(new (...args: any[]) => import("@floating-ui/core").Strategy & {}) | (() => import("@floating-ui/core").Strategy) | ((new (...args: any[]) => import("@floating-ui/core").Strategy & {}) | (() => import("@floating-ui/core").Strategy))[], "fixed" | "absolute", unknown>;
+    readonly style: import("beyond-webui/es/utils").EpPropMergeType<(new (...args: any[]) => import("vue").CSSProperties) | (() => import("vue").CSSProperties | null) | ((new (...args: any[]) => import("vue").CSSProperties) | (() => import("vue").CSSProperties | null))[], unknown, unknown>;
     readonly teleported: boolean;
+    readonly open: import("beyond-webui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly showArrow: import("beyond-webui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly to: import("beyond-webui/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").RendererElement | null | undefined) & {}) | (() => string | import("vue").RendererElement | null | undefined) | ((new (...args: any[]) => (string | import("vue").RendererElement | null | undefined) & {}) | (() => string | import("vue").RendererElement | null | undefined))[], unknown, unknown>;
+    readonly reference: import("beyond-webui/es/utils").EpPropMergeType<(new (...args: any[]) => HTMLElement | import("@floating-ui/dom").VirtualElement) | (() => HTMLElement | import("@floating-ui/dom").VirtualElement | null) | ((new (...args: any[]) => HTMLElement | import("@floating-ui/dom").VirtualElement) | (() => HTMLElement | import("@floating-ui/dom").VirtualElement | null))[], unknown, unknown>;
     readonly alwaysOn: boolean;
     readonly delayDuration: number;
     readonly defaultOpen: boolean;

package/es/components/tooltip-v2/index.mjs

@@ -1,8 +1,8 @@
 import '../../utils/index.mjs';
 import TooltipV2 from './src/tooltip2.mjs';
 export { tooltipV2ArrowProps, tooltipV2ArrowSpecialProps } from './src/arrow.mjs';
-export { tooltipV2ContentProps } from './src/content.mjs';
-export { tooltipV2RootProps } from './src/root.mjs';
+export { tooltipV2ContentProps } from './src/content2.mjs';
+export { tooltipV2RootProps } from './src/root2.mjs';
 export { tooltipV2Props } from './src/tooltip.mjs';
 export { tooltipV2TriggerProps } from './src/trigger.mjs';
 export { TOOLTIP_V2_OPEN, tooltipV2ContentKey, tooltipV2RootKey } from './src/constants.mjs';

package/es/components/tooltip-v2/src/arrow.vue.d.ts

@@ -54,8 +54,8 @@ declare const _default: import("vue").DefineComponent<{
     height: import("../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, 10, boolean>;
     style: import("../../../utils").EpPropFinalized<(new (...args: any[]) => CSSProperties) | (() => CSSProperties | null) | ((new (...args: any[]) => CSSProperties) | (() => CSSProperties | null))[], unknown, unknown, null, boolean>;
 }>>, {
-    style: import("../../../utils").EpPropMergeType<(new (...args: any[]) => CSSProperties) | (() => CSSProperties | null) | ((new (...args: any[]) => CSSProperties) | (() => CSSProperties | null))[], unknown, unknown>;
-    width: number;
     height: number;
+    width: number;
+    style: import("../../../utils").EpPropMergeType<(new (...args: any[]) => CSSProperties) | (() => CSSProperties | null) | ((new (...args: any[]) => CSSProperties) | (() => CSSProperties | null))[], unknown, unknown>;
 }>;
 export default _default;

package/es/components/tooltip-v2/src/content.d.ts

@@ -5,10 +5,10 @@ export declare const tooltipV2ContentProps: {
     readonly arrowPadding: import("beyond-webui/es/utils").EpPropFinalized<(new (...args: any[]) => number & {}) | (() => number) | ((new (...args: any[]) => number & {}) | (() => number))[], unknown, unknown, 5, boolean>;
     readonly effect: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly contentClass: StringConstructor;
-    readonly placement: import("beyond-webui/es/utils").EpPropFinalized<(new (...args: any[]) => Placement & {}) | (() => Placement) | ((new (...args: any[]) => Placement & {}) | (() => Placement))[], "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end", unknown, "bottom", boolean>;
+    readonly placement: import("beyond-webui/es/utils").EpPropFinalized<(new (...args: any[]) => Placement & {}) | (() => Placement) | ((new (...args: any[]) => Placement & {}) | (() => Placement))[], "top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown, "bottom", boolean>;
     readonly reference: import("beyond-webui/es/utils").EpPropFinalized<(new (...args: any[]) => HTMLElement | VirtualElement) | (() => HTMLElement | VirtualElement | null) | ((new (...args: any[]) => HTMLElement | VirtualElement) | (() => HTMLElement | VirtualElement | null))[], unknown, unknown, null, boolean>;
     readonly offset: import("beyond-webui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 8, boolean>;
-    readonly strategy: import("beyond-webui/es/utils").EpPropFinalized<(new (...args: any[]) => Strategy & {}) | (() => Strategy) | ((new (...args: any[]) => Strategy & {}) | (() => Strategy))[], "absolute" | "fixed", unknown, "absolute", boolean>;
+    readonly strategy: import("beyond-webui/es/utils").EpPropFinalized<(new (...args: any[]) => Strategy & {}) | (() => Strategy) | ((new (...args: any[]) => Strategy & {}) | (() => Strategy))[], "fixed" | "absolute", unknown, "absolute", boolean>;
     readonly showArrow: import("beyond-webui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
 };
 export declare type TooltipV2ContentProps = ExtractPropTypes<typeof tooltipV2ContentProps>;

package/es/components/tooltip-v2/src/content.mjs

@@ -1,55 +1,117 @@
-import '../../../utils/index.mjs';
-import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
+import { defineComponent, inject, ref, computed, unref, watch, onMounted, provide, openBlock, createElementBlock, normalizeStyle, normalizeClass, renderSlot, createVNode, withCtx, Fragment, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
+import { offset } from '@floating-ui/dom';
+import '../../../hooks/index.mjs';
+import '../../visual-hidden/index.mjs';
+import { tooltipV2RootKey, tooltipV2ContentKey } from './constants.mjs';
+import { tooltipV2ContentProps } from './content2.mjs';
+import { tooltipV2CommonProps } from './common.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { useFloating, arrowMiddleware } from '../../../hooks/use-floating/index.mjs';
+import { useZIndex } from '../../../hooks/use-z-index/index.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import ElVisuallyHidden from '../../visual-hidden/src/visual-hidden.mjs';
 
-const tooltipV2Strategies = ["absolute", "fixed"];
-const tooltipV2Placements = [
-  "top-start",
-  "top-end",
-  "top",
-  "bottom-start",
-  "bottom-end",
-  "bottom",
-  "left-start",
-  "left-end",
-  "left",
-  "right-start",
-  "right-end",
-  "right"
-];
-const tooltipV2ContentProps = buildProps({
-  ariaLabel: String,
-  arrowPadding: {
-    type: definePropType(Number),
-    default: 5
-  },
-  effect: {
-    type: String,
-    default: ""
-  },
-  contentClass: String,
-  placement: {
-    type: definePropType(String),
-    values: tooltipV2Placements,
-    default: "bottom"
-  },
-  reference: {
-    type: definePropType(Object),
-    default: null
-  },
-  offset: {
-    type: Number,
-    default: 8
-  },
-  strategy: {
-    type: definePropType(String),
-    values: tooltipV2Strategies,
-    default: "absolute"
-  },
-  showArrow: {
-    type: Boolean,
-    default: false
+const _hoisted_1 = ["data-side"];
+const __default__ = defineComponent({
+  name: "ElTooltipV2Content"
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: { ...tooltipV2ContentProps, ...tooltipV2CommonProps },
+  setup(__props) {
+    const props = __props;
+    const { triggerRef, contentId } = inject(tooltipV2RootKey);
+    const placement = ref(props.placement);
+    const strategy = ref(props.strategy);
+    const arrowRef = ref(null);
+    const { referenceRef, contentRef, middlewareData, x, y, update } = useFloating({
+      placement,
+      strategy,
+      middleware: computed(() => {
+        const middleware = [offset(props.offset)];
+        if (props.showArrow) {
+          middleware.push(arrowMiddleware({
+            arrowRef
+          }));
+        }
+        return middleware;
+      })
+    });
+    const zIndex = useZIndex().nextZIndex();
+    const ns = useNamespace("tooltip-v2");
+    const side = computed(() => {
+      return placement.value.split("-")[0];
+    });
+    const contentStyle = computed(() => {
+      return {
+        position: unref(strategy),
+        top: `${unref(y) || 0}px`,
+        left: `${unref(x) || 0}px`,
+        zIndex
+      };
+    });
+    const arrowStyle = computed(() => {
+      if (!props.showArrow)
+        return {};
+      const { arrow } = unref(middlewareData);
+      return {
+        [`--${ns.namespace.value}-tooltip-v2-arrow-x`]: `${arrow == null ? void 0 : arrow.x}px` || "",
+        [`--${ns.namespace.value}-tooltip-v2-arrow-y`]: `${arrow == null ? void 0 : arrow.y}px` || ""
+      };
+    });
+    const contentClass = computed(() => [
+      ns.e("content"),
+      ns.is("dark", props.effect === "dark"),
+      ns.is(unref(strategy)),
+      props.contentClass
+    ]);
+    watch(arrowRef, () => update());
+    watch(() => props.placement, (val) => placement.value = val);
+    onMounted(() => {
+      watch(() => props.reference || triggerRef.value, (el) => {
+        referenceRef.value = el || void 0;
+      }, {
+        immediate: true
+      });
+    });
+    provide(tooltipV2ContentKey, { arrowRef });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "contentRef",
+        ref: contentRef,
+        style: normalizeStyle(unref(contentStyle)),
+        "data-tooltip-v2-root": ""
+      }, [
+        !_ctx.nowrap ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          "data-side": unref(side),
+          class: normalizeClass(unref(contentClass))
+        }, [
+          renderSlot(_ctx.$slots, "default", {
+            contentStyle: unref(contentStyle),
+            contentClass: unref(contentClass)
+          }),
+          createVNode(unref(ElVisuallyHidden), {
+            id: unref(contentId),
+            role: "tooltip"
+          }, {
+            default: withCtx(() => [
+              _ctx.ariaLabel ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                createTextVNode(toDisplayString(_ctx.ariaLabel), 1)
+              ], 64)) : renderSlot(_ctx.$slots, "default", { key: 1 })
+            ]),
+            _: 3
+          }, 8, ["id"]),
+          renderSlot(_ctx.$slots, "arrow", {
+            style: normalizeStyle(unref(arrowStyle)),
+            side: unref(side)
+          })
+        ], 10, _hoisted_1)) : createCommentVNode("v-if", true)
+      ], 4);
+    };
   }
 });
+var TooltipV2Content = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:\\Haulistix\\beyond-ui\\packages\\components\\tooltip-v2\\src\\content.vue"]]);
 
-export { tooltipV2ContentProps };
+export { TooltipV2Content as default };
 //# sourceMappingURL=content.mjs.map