@polyv/vue-components 1.3.0 → 1.5.0

package/vue3/src/components/tooltip/index.d.ts

@@ -1,3 +1,138 @@
-export { default as PwcTooltip } from './tooltip.vue';
-export * from './use-tooltip';
-export { vTooltip } from './directive';
+export declare const PwcTooltip: import('../../vue-utils/install-utils').SFCInstall<import('vue/types/v3-component-public-instance').ComponentPublicInstanceConstructor<import('vue/types/v3-component-public-instance').Vue3Instance<{}, Readonly<import('vue').ExtractPropTypes<{
+    content: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
+        default: string;
+    };
+    placement: import('vue-types').VueTypeDef<"left" | "right" | "bottom" | "top" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "left-start" | "left-end" | "right-start" | "right-end"> & {
+        default: "left" | "right" | "bottom" | "top" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "left-start" | "left-end" | "right-start" | "right-end";
+    };
+    effect: import('vue-types').VueTypeDef<"light" | "dark" | "auto"> & {
+        default: "light" | "dark" | "auto";
+    };
+    disabled: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    tooltipClass: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
+        default: string;
+    };
+    onlyTextEllipsis: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+}>>, Readonly<import('vue').ExtractPropTypes<{
+    content: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
+        default: string;
+    };
+    placement: import('vue-types').VueTypeDef<"left" | "right" | "bottom" | "top" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "left-start" | "left-end" | "right-start" | "right-end"> & {
+        default: "left" | "right" | "bottom" | "top" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "left-start" | "left-end" | "right-start" | "right-end";
+    };
+    effect: import('vue-types').VueTypeDef<"light" | "dark" | "auto"> & {
+        default: "light" | "dark" | "auto";
+    };
+    disabled: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    tooltipClass: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
+        default: string;
+    };
+    onlyTextEllipsis: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+}>>, {}, {
+    effect: "light" | "dark" | "auto";
+    content: string;
+    disabled: boolean;
+    placement: "left" | "right" | "bottom" | "top" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "left-start" | "left-end" | "right-start" | "right-end";
+    tooltipClass: string;
+    onlyTextEllipsis: boolean;
+}, true, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, any>> & Readonly<Readonly<import('vue').ExtractPropTypes<{
+    content: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
+        default: string;
+    };
+    placement: import('vue-types').VueTypeDef<"left" | "right" | "bottom" | "top" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "left-start" | "left-end" | "right-start" | "right-end"> & {
+        default: "left" | "right" | "bottom" | "top" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "left-start" | "left-end" | "right-start" | "right-end";
+    };
+    effect: import('vue-types').VueTypeDef<"light" | "dark" | "auto"> & {
+        default: "light" | "dark" | "auto";
+    };
+    disabled: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    tooltipClass: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
+        default: string;
+    };
+    onlyTextEllipsis: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+}>>> & import('vue').ShallowUnwrapRef<{}> & import('vue/types/v3-component-options').ExtractComputedReturns<{}> & import('vue').ComponentCustomProperties & Readonly<import('vue').ExtractPropTypes<{
+    content: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
+        default: string;
+    };
+    placement: import('vue-types').VueTypeDef<"left" | "right" | "bottom" | "top" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "left-start" | "left-end" | "right-start" | "right-end"> & {
+        default: "left" | "right" | "bottom" | "top" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "left-start" | "left-end" | "right-start" | "right-end";
+    };
+    effect: import('vue-types').VueTypeDef<"light" | "dark" | "auto"> & {
+        default: "light" | "dark" | "auto";
+    };
+    disabled: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    tooltipClass: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
+        default: string;
+    };
+    onlyTextEllipsis: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+}>>> & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    content: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
+        default: string;
+    };
+    placement: import('vue-types').VueTypeDef<"left" | "right" | "bottom" | "top" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "left-start" | "left-end" | "right-start" | "right-end"> & {
+        default: "left" | "right" | "bottom" | "top" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "left-start" | "left-end" | "right-start" | "right-end";
+    };
+    effect: import('vue-types').VueTypeDef<"light" | "dark" | "auto"> & {
+        default: "light" | "dark" | "auto";
+    };
+    disabled: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    tooltipClass: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
+        default: string;
+    };
+    onlyTextEllipsis: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    effect: "light" | "dark" | "auto";
+    content: string;
+    disabled: boolean;
+    placement: "left" | "right" | "bottom" | "top" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "left-start" | "left-end" | "right-start" | "right-end";
+    tooltipClass: string;
+    onlyTextEllipsis: boolean;
+}> & {
+    props: {
+        content: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
+            default: string;
+        };
+        placement: import('vue-types').VueTypeDef<"left" | "right" | "bottom" | "top" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "left-start" | "left-end" | "right-start" | "right-end"> & {
+            default: "left" | "right" | "bottom" | "top" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "left-start" | "left-end" | "right-start" | "right-end";
+        };
+        effect: import('vue-types').VueTypeDef<"light" | "dark" | "auto"> & {
+            default: "light" | "dark" | "auto";
+        };
+        disabled: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+            default: boolean;
+        };
+        tooltipClass: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
+            default: string;
+        };
+        onlyTextEllipsis: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+            default: boolean;
+        };
+    };
+} & (new () => {
+    $scopedSlots: {
+        default?(_: {}): any;
+        content?(_: {}): any;
+    };
+}), import('../../vue-utils/install-utils').InstallOptions>;
+export declare const vTooltip: import('../../vue-utils/install-utils').SFCInstall<import('vue').Directive<import('./src/directive').TooltipElement, string | import('./src/props-define').TooltipOptions>, import('../../vue-utils/install-utils').InstallOptions>;
+export * from './src/props-define';

package/vue3/src/components/tooltip/{directive.d.ts → src/directive.d.ts}

@@ -1,12 +1,12 @@
-import { ComponentInstance } from '../../vue-utils';
+import { ComponentInstance } from '../../../vue-utils';
 import { default as TooltipPopper } from './tooltip-popper.vue';
-import { TooltipOptions } from './use-tooltip';
+import { TooltipOptions } from './props-define';
 declare const INSTANCE_KEY: unique symbol;
-interface TooltipElement extends HTMLElement {
+export interface TooltipElement extends HTMLElement {
     [INSTANCE_KEY]?: {
         tooltipVm: ComponentInstance<typeof TooltipPopper>;
     };
 }
 type TooltipBinding = string | TooltipOptions;
-export declare const vTooltip: import('vue').Directive<TooltipElement, TooltipBinding>;
+export declare const TooltipDirective: import('vue').Directive<TooltipElement, TooltipBinding>;
 export {};

package/vue3/src/components/tooltip/src/props-define.d.ts

@@ -0,0 +1,54 @@
+import { FormatProps } from '../../../vue-utils';
+declare const tooltipEffect: readonly ["dark", "light", "auto"];
+export type TooltipEffect = typeof tooltipEffect[number];
+export declare const tooltipProps: () => {
+    /**
+     * 提示内容
+     */
+    content: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
+        default: string;
+    };
+    /**
+     * 提示位置
+     * @propType PopperPlacement
+     * @default bottom
+     */
+    placement: import('vue-types').VueTypeDef<"left" | "right" | "bottom" | "top" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "left-start" | "left-end" | "right-start" | "right-end"> & {
+        default: "left" | "right" | "bottom" | "top" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "left-start" | "left-end" | "right-start" | "right-end";
+    };
+    /**
+     * 弹层主题
+     * @default 'auto'
+     */
+    effect: import('vue-types').VueTypeDef<"light" | "dark" | "auto"> & {
+        default: "light" | "dark" | "auto";
+    };
+    /**
+     * 是否禁用
+     * @default false
+     */
+    disabled: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    /**
+     * 提示类名
+     */
+    tooltipClass: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
+        default: string;
+    };
+    /**
+     * 仅在文字截断才显示
+     * @default false
+     */
+    onlyTextEllipsis: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+};
+export type TooltipOptions = FormatProps<typeof tooltipProps> & {
+    /**
+     * 是否启用
+     * @default true
+     */
+    enabled?: boolean;
+};
+export {};

package/vue3/src/components/tooltip/{tooltip-popper.vue.d.ts → src/tooltip-popper.vue.d.ts}

@@ -1,4 +1,4 @@
-import { TooltipOptions } from './use-tooltip';
+import { TooltipOptions } from './props-define';
 declare function setOptions(options: TooltipOptions): void;
 declare function setReference(elem: HTMLElement): void;
 declare const _default: import('vue').DefineComponent<{}, {

package/{vue2/src/components/tooltip → vue3/src/components/tooltip/src}/tooltip.vue.d.ts

@@ -1,4 +1,4 @@
-import { BeforeShowPopper } from '../../hooks/components/use-popper';
+import { BeforeShowPopper } from '../../../hooks/components/use-popper';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -10,13 +10,13 @@ declare function __VLS_template(): {
             trigger: import('vue-types').VueTypeDef<"click" | "focus" | "hover" | "long-press" | "custom"> & {
                 default: "click" | "focus" | "hover" | "long-press" | "custom";
             };
-            placement: import('vue-types').VueTypeDef<"bottom" | "left" | "right" | "top" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "left-start" | "left-end" | "right-start" | "right-end"> & {
-                default: "bottom" | "left" | "right" | "top" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "left-start" | "left-end" | "right-start" | "right-end";
+            placement: import('vue-types').VueTypeDef<"left" | "right" | "bottom" | "top" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "left-start" | "left-end" | "right-start" | "right-end"> & {
+                default: "left" | "right" | "bottom" | "top" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "left-start" | "left-end" | "right-start" | "right-end";
             };
             arrow: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
                 default: boolean;
             };
-            offset: import('vue-types').VueTypeDef<import('../../hooks/components/use-popper').PopperOffset>;
+            offset: import('vue-types').VueTypeDef<import('../../../hooks/components/use-popper').PopperOffset>;
             disabled: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
                 default: boolean;
             };
@@ -25,13 +25,13 @@ declare function __VLS_template(): {
             trigger: import('vue-types').VueTypeDef<"click" | "focus" | "hover" | "long-press" | "custom"> & {
                 default: "click" | "focus" | "hover" | "long-press" | "custom";
             };
-            placement: import('vue-types').VueTypeDef<"bottom" | "left" | "right" | "top" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "left-start" | "left-end" | "right-start" | "right-end"> & {
-                default: "bottom" | "left" | "right" | "top" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "left-start" | "left-end" | "right-start" | "right-end";
+            placement: import('vue-types').VueTypeDef<"left" | "right" | "bottom" | "top" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "left-start" | "left-end" | "right-start" | "right-end"> & {
+                default: "left" | "right" | "bottom" | "top" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "left-start" | "left-end" | "right-start" | "right-end";
             };
             arrow: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
                 default: boolean;
             };
-            offset: import('vue-types').VueTypeDef<import('../../hooks/components/use-popper').PopperOffset>;
+            offset: import('vue-types').VueTypeDef<import('../../../hooks/components/use-popper').PopperOffset>;
             disabled: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
                 default: boolean;
             };
@@ -40,18 +40,18 @@ declare function __VLS_template(): {
             disabled: boolean;
             trigger: "click" | "focus" | "hover" | "long-press" | "custom";
             arrow: boolean;
-            placement: "bottom" | "left" | "right" | "top" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "left-start" | "left-end" | "right-start" | "right-end";
+            placement: "left" | "right" | "bottom" | "top" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "left-start" | "left-end" | "right-start" | "right-end";
         }, true, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, any>> & Readonly<Readonly<import('vue').ExtractPropTypes<{
             trigger: import('vue-types').VueTypeDef<"click" | "focus" | "hover" | "long-press" | "custom"> & {
                 default: "click" | "focus" | "hover" | "long-press" | "custom";
             };
-            placement: import('vue-types').VueTypeDef<"bottom" | "left" | "right" | "top" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "left-start" | "left-end" | "right-start" | "right-end"> & {
-                default: "bottom" | "left" | "right" | "top" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "left-start" | "left-end" | "right-start" | "right-end";
+            placement: import('vue-types').VueTypeDef<"left" | "right" | "bottom" | "top" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "left-start" | "left-end" | "right-start" | "right-end"> & {
+                default: "left" | "right" | "bottom" | "top" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "left-start" | "left-end" | "right-start" | "right-end";
             };
             arrow: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
                 default: boolean;
             };
-            offset: import('vue-types').VueTypeDef<import('../../hooks/components/use-popper').PopperOffset>;
+            offset: import('vue-types').VueTypeDef<import('../../../hooks/components/use-popper').PopperOffset>;
             disabled: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
                 default: boolean;
             };
@@ -64,13 +64,13 @@ declare function __VLS_template(): {
             trigger: import('vue-types').VueTypeDef<"click" | "focus" | "hover" | "long-press" | "custom"> & {
                 default: "click" | "focus" | "hover" | "long-press" | "custom";
             };
-            placement: import('vue-types').VueTypeDef<"bottom" | "left" | "right" | "top" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "left-start" | "left-end" | "right-start" | "right-end"> & {
-                default: "bottom" | "left" | "right" | "top" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "left-start" | "left-end" | "right-start" | "right-end";
+            placement: import('vue-types').VueTypeDef<"left" | "right" | "bottom" | "top" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "left-start" | "left-end" | "right-start" | "right-end"> & {
+                default: "left" | "right" | "bottom" | "top" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "left-start" | "left-end" | "right-start" | "right-end";
             };
             arrow: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
                 default: boolean;
             };
-            offset: import('vue-types').VueTypeDef<import('../../hooks/components/use-popper').PopperOffset>;
+            offset: import('vue-types').VueTypeDef<import('../../../hooks/components/use-popper').PopperOffset>;
             disabled: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
                 default: boolean;
             };
@@ -88,8 +88,8 @@ declare const __VLS_component: import('vue').DefineComponent<{
     content: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
         default: string;
     };
-    placement: import('vue-types').VueTypeDef<"bottom" | "left" | "right" | "top" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "left-start" | "left-end" | "right-start" | "right-end"> & {
-        default: "bottom" | "left" | "right" | "top" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "left-start" | "left-end" | "right-start" | "right-end";
+    placement: import('vue-types').VueTypeDef<"left" | "right" | "bottom" | "top" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "left-start" | "left-end" | "right-start" | "right-end"> & {
+        default: "left" | "right" | "bottom" | "top" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "left-start" | "left-end" | "right-start" | "right-end";
     };
     effect: import('vue-types').VueTypeDef<"light" | "dark" | "auto"> & {
         default: "light" | "dark" | "auto";
@@ -107,8 +107,8 @@ declare const __VLS_component: import('vue').DefineComponent<{
     content: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
         default: string;
     };
-    placement: import('vue-types').VueTypeDef<"bottom" | "left" | "right" | "top" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "left-start" | "left-end" | "right-start" | "right-end"> & {
-        default: "bottom" | "left" | "right" | "top" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "left-start" | "left-end" | "right-start" | "right-end";
+    placement: import('vue-types').VueTypeDef<"left" | "right" | "bottom" | "top" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "left-start" | "left-end" | "right-start" | "right-end"> & {
+        default: "left" | "right" | "bottom" | "top" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "left-start" | "left-end" | "right-start" | "right-end";
     };
     effect: import('vue-types').VueTypeDef<"light" | "dark" | "auto"> & {
         default: "light" | "dark" | "auto";
@@ -126,7 +126,7 @@ declare const __VLS_component: import('vue').DefineComponent<{
     effect: "light" | "dark" | "auto";
     content: string;
     disabled: boolean;
-    placement: "bottom" | "left" | "right" | "top" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "left-start" | "left-end" | "right-start" | "right-end";
+    placement: "left" | "right" | "bottom" | "top" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "left-start" | "left-end" | "right-start" | "right-end";
     tooltipClass: string;
     onlyTextEllipsis: boolean;
 }>;

package/{vue2/src/components/tooltip → vue3/src/components/tooltip/src}/use-tooltip.d.ts

@@ -1,4 +1,4 @@
-import { FormatProps } from '../../vue-utils';
+import { FormatProps } from '../../../vue-utils';
 declare const tooltipEffect: readonly ["dark", "light", "auto"];
 export type TooltipEffect = typeof tooltipEffect[number];
 export declare const tooltipProps: () => {
@@ -13,8 +13,8 @@ export declare const tooltipProps: () => {
      * @propType PopperPlacement
      * @default bottom
      */
-    placement: import('vue-types').VueTypeDef<"bottom" | "left" | "right" | "top" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "left-start" | "left-end" | "right-start" | "right-end"> & {
-        default: "bottom" | "left" | "right" | "top" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "left-start" | "left-end" | "right-start" | "right-end";
+    placement: import('vue-types').VueTypeDef<"left" | "right" | "bottom" | "top" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "left-start" | "left-end" | "right-start" | "right-end"> & {
+        default: "left" | "right" | "bottom" | "top" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "left-start" | "left-end" | "right-start" | "right-end";
     };
     /**
      * 弹层主题
@@ -44,5 +44,11 @@ export declare const tooltipProps: () => {
         default: boolean;
     };
 };
-export type TooltipOptions = FormatProps<typeof tooltipProps>;
+export type TooltipOptions = FormatProps<typeof tooltipProps> & {
+    /**
+     * 是否启用
+     * @default true
+     */
+    enabled?: boolean;
+};
 export {};

package/vue3/src/hooks/business/use-app-user-agent/index.d.ts

@@ -0,0 +1,14 @@
+declare module '../use-config-provider' {
+    interface ConfigProviderInjectData {
+        /**
+         * app ua 标识
+         */
+        appUserAgent?: string | (() => string);
+    }
+}
+/**
+ * 获取管理后台设置-开发者信息-APP UA 标识
+ */
+export declare const useAppUserAgent: () => {
+    appUserAgent: import('vue').ComputedRef<string>;
+};

package/vue3/src/hooks/business/use-business-type/index.d.ts

@@ -0,0 +1,38 @@
+import { VueProps } from '../../../vue-utils';
+import { ComputedRef, InjectionKey } from 'vue';
+export type BusinessInjectType = BusinessType | (() => BusinessType);
+declare module '../use-config-provider' {
+    interface ConfigProviderInjectData {
+        /**
+         * 业务类型
+         */
+        business?: BusinessInjectType;
+    }
+}
+export declare enum BusinessType {
+    /**
+     * 常规
+     */
+    Normal = "normal",
+    /**
+     * 管理后台
+     */
+    Admin = "admin"
+}
+export declare const businessProps: () => {
+    /**
+     * 业务类型
+     */
+    business: import('vue-types').VueTypeValidableDef<BusinessType, import('vue-types/dist/types').ValidatorFunction<BusinessType>>;
+};
+export interface BusinessTypeInjectData {
+    businessType: ComputedRef<BusinessType>;
+}
+type BusinessClassName = 'is-business-normal' | 'is-business-admin';
+export declare const BUSINESS_TYPE_PROVIDE_KEY: InjectionKey<BusinessTypeInjectData>;
+export declare const useBusinessTypeProvide: (business: BusinessInjectType) => void;
+export declare const useBusinessType: (props?: VueProps<typeof businessProps>) => {
+    businessType: ComputedRef<BusinessType>;
+    businessClass: ComputedRef<BusinessClassName>;
+};
+export {};

package/vue3/src/hooks/business/use-skin-color/index.d.ts

@@ -1,5 +1,7 @@
 import { ConfigProviderInjectData } from '../use-config-provider';
 import { VueProps } from '../../../vue-utils';
+import { SkinColorMode, SkinColorConfig } from './types';
+export * from './types';
 declare module '../use-config-provider' {
     interface ConfigProviderInjectData {
         /**
@@ -8,36 +10,18 @@ declare module '../use-config-provider' {
         getSkinColorConfig?: () => SkinColorConfig;
     }
 }
-/**
- * 皮肤颜色模式
- */
-export type SkinColorMode = 'light' | 'dark';
-export interface SkinColorConfig {
-    /**
-     * 皮肤颜色模式
-     * @default dark
-     */
-    skinColorMode?: SkinColorMode;
-    /**
-     * 特殊颜色
-     * @default #3F76FC
-     */
-    specialColor?: string;
-}
-/**
- * 生成皮肤颜色 class
- * @param suffix 后缀
- */
-export declare function genSkinColorClass<T extends string>(suffix: T): string;
 export declare const useSkinColorConfig: (_configProviderData?: ConfigProviderInjectData) => {
     skinColorConfig: import('vue').ComputedRef<{
         skinColorMode: SkinColorMode;
+        themeColor: string;
         specialColor: string;
     }>;
     currentSkinColorMode: import('vue').ComputedRef<"light" | "dark">;
-    genSkinColorClass: typeof genSkinColorClass;
     getSpecialColor: (opacity?: number) => string;
 };
+/**
+ * 应用皮肤颜色 class 到根节点
+ */
 export declare const useSkinColorRoot: (_configProviderData?: ConfigProviderInjectData) => void;
 export declare const skinColorIgnoreProps: () => {
     /**

package/vue3/src/hooks/business/use-skin-color/types.d.ts

@@ -0,0 +1,20 @@
+/** 皮肤颜色模式 */
+export declare const skinColorModes: readonly ["light", "dark"];
+/** 皮肤颜色模式 */
+export type SkinColorMode = (typeof skinColorModes)[number];
+export interface SkinColorConfig {
+    /**
+     * 皮肤颜色模式
+     * @default light
+     */
+    skinColorMode?: SkinColorMode;
+    /**
+     * 主题色
+     */
+    themeColor?: string;
+    /**
+     * 特殊颜色
+     * @default #3F76FC
+     */
+    specialColor?: string;
+}

package/vue3/src/hooks/business/use-skin-color/utils.d.ts

@@ -0,0 +1,7 @@
+import { SkinColorMode } from './types';
+/**
+ * 生成皮肤颜色 class
+ * @param suffix 后缀
+ */
+export declare function genSkinColorClass<T extends string>(suffix: T): string;
+export declare function setElementSkin(elem: HTMLElement, skin: SkinColorMode): void;

package/vue3/src/hooks/components/use-confirm-cancel/index.d.ts

@@ -0,0 +1,69 @@
+import { ButtonType } from '../../../components/button';
+export declare const confirmCancelProps: () => {
+    /**
+     * 是否显示确认按钮
+     */
+    showConfirmButton: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    /**
+     * 确认文案
+     * @default '确定'
+     */
+    confirmButtonText: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    /**
+     * 确认按钮类型
+     */
+    confirmButtonType: import('vue-types').VueTypeDef<"success" | "warning" | "primary" | "danger" | "ordinary">;
+    /**
+     * 确认类型
+     */
+    confirmType: import('vue-types').VueTypeValidableDef<ConfirmType, import('vue-types/dist/types').ValidatorFunction<ConfirmType>> & {
+        default: ConfirmType;
+    };
+    /**
+     * 是否显示取消按钮
+     */
+    showCancelButton: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    /**
+     * 取消文案
+     * @default '取消'
+     */
+    cancelButtonText: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    /**
+     * 取消按钮类型
+     */
+    cancelButtonType: import('vue-types').VueTypeDef<"success" | "warning" | "primary" | "danger" | "ordinary">;
+};
+export interface ConfirmCancelOptions {
+    showConfirmButton?: boolean;
+    confirmButtonText?: string;
+    confirmButtonType?: ButtonType;
+    showCancelButton?: boolean;
+    cancelButtonText?: string;
+    cancelButtonType?: ButtonType;
+    confirmType?: ConfirmType;
+}
+/**
+ * 确认类型
+ */
+export declare enum ConfirmType {
+    /** 普通确认 */
+    Normal = "normal",
+    /** 删除确认 */
+    Delete = "delete",
+    /** 清空确认 */
+    Clear = "clear",
+    /** 提交确认 */
+    Submit = "submit"
+}
+export declare const useConfirmCancel: () => {
+    formatterOptions: (options: ConfirmCancelOptions) => {
+        confirmButtonText: string;
+        confirmButtonType: "success" | "warning" | "primary" | "danger" | "ordinary";
+        cancelButtonText: string;
+        cancelButtonType: "success" | "warning" | "primary" | "danger" | "ordinary";
+    };
+};

package/vue3/src/hooks/components/use-popper/_popper-type.d.ts

@@ -25,6 +25,14 @@ export interface UsePopperOptions {
      * @returns 返回 false 会阻止弹层显示
      */
     beforeShowPopper?: BeforeShowPopper;
+    /**
+     * 显示弹层回调
+     */
+    showCallback?: () => unknown;
+    /**
+     * 隐藏弹层回调
+     */
+    hideCallback?: () => unknown;
     /**
      * 触发节点
      */