@yh-ui/components 0.1.17 → 0.1.21

package/dist/tooltip/index.d.ts

@@ -1,44 +1,492 @@
 import Tooltip from './src/tooltip.vue';
 export declare const YhTooltip: import("@yh-ui/utils").SFCWithInstall<{
-    new (...args: any[]): any;
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        readonly content: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
+        readonly placement: {
+            readonly type: import("vue").PropType<import("./index.js").TooltipPlacement>;
+            readonly default: "top";
+        };
+        readonly trigger: {
+            readonly type: import("vue").PropType<import("./index.js").TooltipTrigger | import("./index.js").TooltipTrigger[]>;
+            readonly default: "hover";
+        };
+        readonly disabled: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly showAfter: {
+            readonly type: NumberConstructor;
+            readonly default: 0;
+        };
+        readonly hideAfter: {
+            readonly type: NumberConstructor;
+            readonly default: 200;
+        };
+        readonly offset: {
+            readonly type: import("vue").PropType<[number, number]>;
+            readonly default: () => number[];
+        };
+        readonly showArrow: {
+            readonly type: BooleanConstructor;
+            readonly default: true;
+        };
+        readonly interactive: {
+            readonly type: BooleanConstructor;
+            readonly default: true;
+        };
+        readonly visible: {
+            readonly type: BooleanConstructor;
+            readonly default: null;
+        };
+        readonly effect: {
+            readonly type: StringConstructor;
+            readonly default: "dark";
+        };
+        readonly followCursor: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly popperClass: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
+        readonly teleported: {
+            readonly type: BooleanConstructor;
+            readonly default: true;
+        };
+        readonly zIndex: {
+            readonly type: NumberConstructor;
+            readonly default: 2000;
+        };
+        readonly transition: {
+            readonly type: StringConstructor;
+            readonly default: "yh-tooltip-fade";
+        };
+        readonly persistent: {
+            readonly type: BooleanConstructor;
+            readonly default: true;
+        };
+        readonly rawContent: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly width: {
+            readonly type: import("vue").PropType<string | number>;
+            readonly default: "auto";
+        };
+        readonly maxHeight: {
+            readonly type: import("vue").PropType<string | number>;
+            readonly default: "none";
+        };
+        readonly scrollable: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly contentClass: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
+        readonly contentStyle: {
+            readonly type: import("vue").PropType<import("vue").StyleValue>;
+            readonly default: () => {};
+        };
+        readonly arrowClass: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
+        readonly arrowStyle: {
+            readonly type: import("vue").PropType<import("vue").StyleValue>;
+            readonly default: () => {};
+        };
+        readonly popperStyle: {
+            readonly type: import("vue").PropType<import("vue").StyleValue>;
+            readonly default: () => {};
+        };
+        readonly arrowWrapperClass: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
+        readonly arrowWrapperStyle: {
+            readonly type: import("vue").PropType<import("vue").StyleValue>;
+            readonly default: () => {};
+        };
+        readonly themeOverrides: {
+            readonly type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
+            readonly default: undefined;
+        };
+    }>> & Readonly<{
+        onHide?: (() => any) | undefined;
+        onShow?: (() => any) | undefined;
+        "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
+    }>, {
+        updatePosition: () => Promise<void>;
+        visible: import("vue").Ref<boolean, boolean>;
+        triggerRef: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
+        popperRef: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        hide: () => void;
+        show: () => void;
+        "update:visible": (visible: boolean) => void;
+    }, import("vue").PublicProps, {
+        readonly trigger: "hover" | "focus" | "click" | "contextmenu" | "manual" | ("hover" | "focus" | "click" | "contextmenu" | "manual")[];
+        readonly effect: string;
+        readonly content: string;
+        readonly transition: string;
+        readonly disabled: boolean;
+        readonly width: string | number;
+        readonly themeOverrides: import("@yh-ui/theme").ComponentThemeVars;
+        readonly maxHeight: string | number;
+        readonly zIndex: number;
+        readonly offset: [number, number];
+        readonly visible: boolean;
+        readonly placement: "top" | "left" | "right" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end";
+        readonly popperClass: string;
+        readonly teleported: boolean;
+        readonly popperStyle: import("vue").StyleValue;
+        readonly scrollable: boolean;
+        readonly showAfter: number;
+        readonly hideAfter: number;
+        readonly showArrow: boolean;
+        readonly interactive: boolean;
+        readonly followCursor: boolean;
+        readonly persistent: boolean;
+        readonly rawContent: boolean;
+        readonly contentClass: string;
+        readonly contentStyle: import("vue").StyleValue;
+        readonly arrowClass: string;
+        readonly arrowStyle: import("vue").StyleValue;
+        readonly arrowWrapperClass: string;
+        readonly arrowWrapperStyle: import("vue").StyleValue;
+    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        readonly content: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
+        readonly placement: {
+            readonly type: import("vue").PropType<import("./index.js").TooltipPlacement>;
+            readonly default: "top";
+        };
+        readonly trigger: {
+            readonly type: import("vue").PropType<import("./index.js").TooltipTrigger | import("./index.js").TooltipTrigger[]>;
+            readonly default: "hover";
+        };
+        readonly disabled: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly showAfter: {
+            readonly type: NumberConstructor;
+            readonly default: 0;
+        };
+        readonly hideAfter: {
+            readonly type: NumberConstructor;
+            readonly default: 200;
+        };
+        readonly offset: {
+            readonly type: import("vue").PropType<[number, number]>;
+            readonly default: () => number[];
+        };
+        readonly showArrow: {
+            readonly type: BooleanConstructor;
+            readonly default: true;
+        };
+        readonly interactive: {
+            readonly type: BooleanConstructor;
+            readonly default: true;
+        };
+        readonly visible: {
+            readonly type: BooleanConstructor;
+            readonly default: null;
+        };
+        readonly effect: {
+            readonly type: StringConstructor;
+            readonly default: "dark";
+        };
+        readonly followCursor: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly popperClass: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
+        readonly teleported: {
+            readonly type: BooleanConstructor;
+            readonly default: true;
+        };
+        readonly zIndex: {
+            readonly type: NumberConstructor;
+            readonly default: 2000;
+        };
+        readonly transition: {
+            readonly type: StringConstructor;
+            readonly default: "yh-tooltip-fade";
+        };
+        readonly persistent: {
+            readonly type: BooleanConstructor;
+            readonly default: true;
+        };
+        readonly rawContent: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly width: {
+            readonly type: import("vue").PropType<string | number>;
+            readonly default: "auto";
+        };
+        readonly maxHeight: {
+            readonly type: import("vue").PropType<string | number>;
+            readonly default: "none";
+        };
+        readonly scrollable: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly contentClass: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
+        readonly contentStyle: {
+            readonly type: import("vue").PropType<import("vue").StyleValue>;
+            readonly default: () => {};
+        };
+        readonly arrowClass: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
+        readonly arrowStyle: {
+            readonly type: import("vue").PropType<import("vue").StyleValue>;
+            readonly default: () => {};
+        };
+        readonly popperStyle: {
+            readonly type: import("vue").PropType<import("vue").StyleValue>;
+            readonly default: () => {};
+        };
+        readonly arrowWrapperClass: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
+        readonly arrowWrapperStyle: {
+            readonly type: import("vue").PropType<import("vue").StyleValue>;
+            readonly default: () => {};
+        };
+        readonly themeOverrides: {
+            readonly type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
+            readonly default: undefined;
+        };
+    }>> & Readonly<{
+        onHide?: (() => any) | undefined;
+        onShow?: (() => any) | undefined;
+        "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
+    }>, {
+        updatePosition: () => Promise<void>;
+        visible: import("vue").Ref<boolean, boolean>;
+        triggerRef: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
+        popperRef: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
+    }, {}, {}, {}, {
+        readonly trigger: "hover" | "focus" | "click" | "contextmenu" | "manual" | ("hover" | "focus" | "click" | "contextmenu" | "manual")[];
+        readonly effect: string;
+        readonly content: string;
+        readonly transition: string;
+        readonly disabled: boolean;
+        readonly width: string | number;
+        readonly themeOverrides: import("@yh-ui/theme").ComponentThemeVars;
+        readonly maxHeight: string | number;
+        readonly zIndex: number;
+        readonly offset: [number, number];
+        readonly visible: boolean;
+        readonly placement: "top" | "left" | "right" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end";
+        readonly popperClass: string;
+        readonly teleported: boolean;
+        readonly popperStyle: import("vue").StyleValue;
+        readonly scrollable: boolean;
+        readonly showAfter: number;
+        readonly hideAfter: number;
+        readonly showArrow: boolean;
+        readonly interactive: boolean;
+        readonly followCursor: boolean;
+        readonly persistent: boolean;
+        readonly rawContent: boolean;
+        readonly contentClass: string;
+        readonly contentStyle: import("vue").StyleValue;
+        readonly arrowClass: string;
+        readonly arrowStyle: import("vue").StyleValue;
+        readonly arrowWrapperClass: string;
+        readonly arrowWrapperStyle: import("vue").StyleValue;
+    }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<any, {
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    readonly content: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly placement: {
+        readonly type: import("vue").PropType<import("./index.js").TooltipPlacement>;
+        readonly default: "top";
+    };
+    readonly trigger: {
+        readonly type: import("vue").PropType<import("./index.js").TooltipTrigger | import("./index.js").TooltipTrigger[]>;
+        readonly default: "hover";
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly showAfter: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly hideAfter: {
+        readonly type: NumberConstructor;
+        readonly default: 200;
+    };
+    readonly offset: {
+        readonly type: import("vue").PropType<[number, number]>;
+        readonly default: () => number[];
+    };
+    readonly showArrow: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly interactive: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly visible: {
+        readonly type: BooleanConstructor;
+        readonly default: null;
+    };
+    readonly effect: {
+        readonly type: StringConstructor;
+        readonly default: "dark";
+    };
+    readonly followCursor: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly popperClass: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly teleported: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly zIndex: {
+        readonly type: NumberConstructor;
+        readonly default: 2000;
+    };
+    readonly transition: {
+        readonly type: StringConstructor;
+        readonly default: "yh-tooltip-fade";
+    };
+    readonly persistent: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly rawContent: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly width: {
+        readonly type: import("vue").PropType<string | number>;
+        readonly default: "auto";
+    };
+    readonly maxHeight: {
+        readonly type: import("vue").PropType<string | number>;
+        readonly default: "none";
+    };
+    readonly scrollable: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly contentClass: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly contentStyle: {
+        readonly type: import("vue").PropType<import("vue").StyleValue>;
+        readonly default: () => {};
+    };
+    readonly arrowClass: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly arrowStyle: {
+        readonly type: import("vue").PropType<import("vue").StyleValue>;
+        readonly default: () => {};
+    };
+    readonly popperStyle: {
+        readonly type: import("vue").PropType<import("vue").StyleValue>;
+        readonly default: () => {};
+    };
+    readonly arrowWrapperClass: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly arrowWrapperStyle: {
+        readonly type: import("vue").PropType<import("vue").StyleValue>;
+        readonly default: () => {};
+    };
+    readonly themeOverrides: {
+        readonly type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
+        readonly default: undefined;
+    };
+}>> & Readonly<{
+    onHide?: (() => any) | undefined;
+    onShow?: (() => any) | undefined;
+    "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
+}>, {
     updatePosition: () => Promise<void>;
     visible: import("vue").Ref<boolean, boolean>;
     triggerRef: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
     popperRef: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, {
-    readonly offset: [number, number];
-    readonly zIndex: number;
-    readonly teleported: boolean;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    hide: () => void;
+    show: () => void;
+    "update:visible": (visible: boolean) => void;
+}, string, {
+    readonly trigger: "hover" | "focus" | "click" | "contextmenu" | "manual" | ("hover" | "focus" | "click" | "contextmenu" | "manual")[];
+    readonly effect: string;
+    readonly content: string;
+    readonly transition: string;
     readonly disabled: boolean;
-    readonly themeOverrides: import("@yh-ui/theme").ComponentThemeVars;
     readonly width: string | number;
-    readonly visible: boolean;
-    readonly content: string;
+    readonly themeOverrides: import("@yh-ui/theme").ComponentThemeVars;
     readonly maxHeight: string | number;
-    readonly transition: string;
-    readonly placement: "top" | "bottom" | "left" | "right" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end";
-    readonly trigger: "manual" | "click" | "contextmenu" | "focus" | "hover" | ("manual" | "click" | "contextmenu" | "focus" | "hover")[];
+    readonly zIndex: number;
+    readonly offset: [number, number];
+    readonly visible: boolean;
+    readonly placement: "top" | "left" | "right" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end";
+    readonly popperClass: string;
+    readonly teleported: boolean;
+    readonly popperStyle: import("vue").StyleValue;
+    readonly scrollable: boolean;
     readonly showAfter: number;
     readonly hideAfter: number;
     readonly showArrow: boolean;
     readonly interactive: boolean;
-    readonly effect: string;
     readonly followCursor: boolean;
-    readonly popperClass: string;
     readonly persistent: boolean;
     readonly rawContent: boolean;
-    readonly scrollable: boolean;
     readonly contentClass: string;
-    readonly contentStyle: string | Record<string, unknown>;
+    readonly contentStyle: import("vue").StyleValue;
     readonly arrowClass: string;
-    readonly arrowStyle: Record<string, unknown>;
-    readonly popperStyle: Record<string, unknown>;
+    readonly arrowStyle: import("vue").StyleValue;
     readonly arrowWrapperClass: string;
-    readonly arrowWrapperStyle: Record<string, unknown>;
+    readonly arrowWrapperStyle: import("vue").StyleValue;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default?: (props: {}) => any;

package/dist/tooltip/src/tooltip.cjs

@@ -119,7 +119,7 @@ const tooltipProps = exports.tooltipProps = {
   },
   /** 弹出内容自定义样式 */
   contentStyle: {
-    type: [Object, String],
+    type: [Object, String, Array],
     default: () => ({})
   },
   /** 箭头自定义类名 */
@@ -129,12 +129,12 @@ const tooltipProps = exports.tooltipProps = {
   },
   /** 箭头自定义样式 */
   arrowStyle: {
-    type: Object,
+    type: [Object, String, Array],
     default: () => ({})
   },
   /** 弹出层自定义样式 */
   popperStyle: {
-    type: Object,
+    type: [Object, String, Array],
     default: () => ({})
   },
   /** 箭头容器自定义类名 */
@@ -144,7 +144,7 @@ const tooltipProps = exports.tooltipProps = {
   },
   /** 箭头容器自定义样式 */
   arrowWrapperStyle: {
-    type: Object,
+    type: [Object, String, Array],
     default: () => ({})
   },
   /** 主题覆盖变量 */

package/dist/tooltip/src/tooltip.d.ts

@@ -1,4 +1,4 @@
-import type { ExtractPropTypes, PropType } from 'vue';
+import type { ExtractPropTypes, PropType, StyleValue } from 'vue';
 export declare const tooltipPlacements: readonly ["top", "top-start", "top-end", "bottom", "bottom-start", "bottom-end", "left", "left-start", "left-end", "right", "right-start", "right-end"];
 export type TooltipPlacement = (typeof tooltipPlacements)[number];
 export declare const tooltipTriggers: readonly ["hover", "click", "focus", "contextmenu", "manual"];
@@ -116,7 +116,7 @@ export declare const tooltipProps: {
     };
     /** 弹出内容自定义样式 */
     readonly contentStyle: {
-        readonly type: PropType<string | Record<string, unknown>>;
+        readonly type: PropType<StyleValue>;
         readonly default: () => {};
     };
     /** 箭头自定义类名 */
@@ -126,12 +126,12 @@ export declare const tooltipProps: {
     };
     /** 箭头自定义样式 */
     readonly arrowStyle: {
-        readonly type: PropType<Record<string, unknown>>;
+        readonly type: PropType<StyleValue>;
         readonly default: () => {};
     };
     /** 弹出层自定义样式 */
     readonly popperStyle: {
-        readonly type: PropType<Record<string, unknown>>;
+        readonly type: PropType<StyleValue>;
         readonly default: () => {};
     };
     /** 箭头容器自定义类名 */
@@ -141,7 +141,7 @@ export declare const tooltipProps: {
     };
     /** 箭头容器自定义样式 */
     readonly arrowWrapperStyle: {
-        readonly type: PropType<Record<string, unknown>>;
+        readonly type: PropType<StyleValue>;
         readonly default: () => {};
     };
     /** 主题覆盖变量 */

package/dist/tooltip/src/tooltip.mjs

@@ -126,7 +126,7 @@ export const tooltipProps = {
   },
   /** 弹出内容自定义样式 */
   contentStyle: {
-    type: [Object, String],
+    type: [Object, String, Array],
     default: () => ({})
   },
   /** 箭头自定义类名 */
@@ -136,12 +136,12 @@ export const tooltipProps = {
   },
   /** 箭头自定义样式 */
   arrowStyle: {
-    type: Object,
+    type: [Object, String, Array],
     default: () => ({})
   },
   /** 弹出层自定义样式 */
   popperStyle: {
-    type: Object,
+    type: [Object, String, Array],
     default: () => ({})
   },
   /** 箭头容器自定义类名 */
@@ -151,7 +151,7 @@ export const tooltipProps = {
   },
   /** 箭头容器自定义样式 */
   arrowWrapperStyle: {
-    type: Object,
+    type: [Object, String, Array],
     default: () => ({})
   },
   /** 主题覆盖变量 */

package/dist/tooltip/src/tooltip.vue

@@ -200,10 +200,11 @@ useEventListener(
   () => window,
   "click",
   (e) => {
+    const me = e;
     if (!visible.value) return;
     const needsClose = triggers.value.has("click") || triggers.value.has("contextmenu");
     if (!needsClose) return;
-    const target = e.target;
+    const target = me.target;
     if (!triggerRef.value?.contains(target) && !popperRef.value?.contains(target)) {
       toggleVisible(false);
     }