@polyv/vue-components 1.5.0 → 1.6.0

package/vue3/src/components/tabs/src/types.d.ts

@@ -0,0 +1,28 @@
+import { InjectionKey, Ref, VNode } from 'vue';
+import { TabPaneProps, TabPaneSlots, TabsNameType, TabsProps } from './props-define';
+export interface TabsInjectData {
+    tabsProps: TabsProps;
+    /** 选项卡列表 */
+    tabPanes: Ref<TabPaneInstance[]>;
+    /** 当前选项卡 */
+    currentTab: Ref<TabsNameType | undefined>;
+    /** 设置当前选项卡 */
+    setCurrentTab: (name: TabsNameType, emitEvent?: boolean) => void;
+    /** 添加选项卡 */
+    addTabPane: (pane: TabPaneInstance) => void;
+    /** 移除选项卡 */
+    removeTabPane: (pane: TabPaneInstance) => void;
+}
+export declare const TABS_INJECT_KEY: InjectionKey<TabsInjectData>;
+export interface TabPaneInstance {
+    paneId: string;
+    paneProps: TabPaneProps;
+    getPaneName: () => TabsNameType;
+    getIsActive: () => boolean;
+    /** 是否存在插槽 */
+    hasSlot: (name: keyof TabPaneSlots) => boolean;
+    /** 获取选项卡标题插槽渲染 */
+    getTitleRenderSlot: () => VNode[] | undefined;
+    /** 获取选项卡额外内容插槽渲染 */
+    getExtraRenderSlot: () => VNode[] | undefined;
+}

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

@@ -1,71 +1,71 @@
 export declare const PwcTag: 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<{
-    type: import('vue-types').VueTypeDef<"success" | "warning" | "info" | "error" | "primary"> & {
-        default: "success" | "warning" | "info" | "error" | "primary";
+    type: import('vue-types').VueTypeDef<"success" | "warning" | "info" | "error" | "primary" | "tips"> & {
+        default: "success" | "warning" | "info" | "error" | "primary" | "tips";
     };
     size: import('vue-types').VueTypeDef<"default" | "small" | "mini"> & {
         default: "default" | "small" | "mini";
     };
-    effect: import('vue-types').VueTypeDef<"fill" | "outline" | "plain"> & {
-        default: "fill" | "outline" | "plain";
+    effect: import('vue-types').VueTypeDef<"fill" | "outline" | "transparent" | "plain"> & {
+        default: "fill" | "outline" | "transparent" | "plain";
     };
 }>>, Readonly<import('vue').ExtractPropTypes<{
-    type: import('vue-types').VueTypeDef<"success" | "warning" | "info" | "error" | "primary"> & {
-        default: "success" | "warning" | "info" | "error" | "primary";
+    type: import('vue-types').VueTypeDef<"success" | "warning" | "info" | "error" | "primary" | "tips"> & {
+        default: "success" | "warning" | "info" | "error" | "primary" | "tips";
     };
     size: import('vue-types').VueTypeDef<"default" | "small" | "mini"> & {
         default: "default" | "small" | "mini";
     };
-    effect: import('vue-types').VueTypeDef<"fill" | "outline" | "plain"> & {
-        default: "fill" | "outline" | "plain";
+    effect: import('vue-types').VueTypeDef<"fill" | "outline" | "transparent" | "plain"> & {
+        default: "fill" | "outline" | "transparent" | "plain";
     };
 }>>, {}, {
-    type: "success" | "warning" | "info" | "error" | "primary";
-    effect: "fill" | "outline" | "plain";
+    type: "success" | "warning" | "info" | "error" | "primary" | "tips";
     size: "default" | "small" | "mini";
+    effect: "fill" | "outline" | "transparent" | "plain";
 }, true, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, any>> & Readonly<Readonly<import('vue').ExtractPropTypes<{
-    type: import('vue-types').VueTypeDef<"success" | "warning" | "info" | "error" | "primary"> & {
-        default: "success" | "warning" | "info" | "error" | "primary";
+    type: import('vue-types').VueTypeDef<"success" | "warning" | "info" | "error" | "primary" | "tips"> & {
+        default: "success" | "warning" | "info" | "error" | "primary" | "tips";
     };
     size: import('vue-types').VueTypeDef<"default" | "small" | "mini"> & {
         default: "default" | "small" | "mini";
     };
-    effect: import('vue-types').VueTypeDef<"fill" | "outline" | "plain"> & {
-        default: "fill" | "outline" | "plain";
+    effect: import('vue-types').VueTypeDef<"fill" | "outline" | "transparent" | "plain"> & {
+        default: "fill" | "outline" | "transparent" | "plain";
     };
 }>>> & import('vue').ShallowUnwrapRef<{}> & import('vue/types/v3-component-options').ExtractComputedReturns<{}> & import('vue').ComponentCustomProperties & Readonly<import('vue').ExtractPropTypes<{
-    type: import('vue-types').VueTypeDef<"success" | "warning" | "info" | "error" | "primary"> & {
-        default: "success" | "warning" | "info" | "error" | "primary";
+    type: import('vue-types').VueTypeDef<"success" | "warning" | "info" | "error" | "primary" | "tips"> & {
+        default: "success" | "warning" | "info" | "error" | "primary" | "tips";
     };
     size: import('vue-types').VueTypeDef<"default" | "small" | "mini"> & {
         default: "default" | "small" | "mini";
     };
-    effect: import('vue-types').VueTypeDef<"fill" | "outline" | "plain"> & {
-        default: "fill" | "outline" | "plain";
+    effect: import('vue-types').VueTypeDef<"fill" | "outline" | "transparent" | "plain"> & {
+        default: "fill" | "outline" | "transparent" | "plain";
     };
 }>>> & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-    type: import('vue-types').VueTypeDef<"success" | "warning" | "info" | "error" | "primary"> & {
-        default: "success" | "warning" | "info" | "error" | "primary";
+    type: import('vue-types').VueTypeDef<"success" | "warning" | "info" | "error" | "primary" | "tips"> & {
+        default: "success" | "warning" | "info" | "error" | "primary" | "tips";
     };
     size: import('vue-types').VueTypeDef<"default" | "small" | "mini"> & {
         default: "default" | "small" | "mini";
     };
-    effect: import('vue-types').VueTypeDef<"fill" | "outline" | "plain"> & {
-        default: "fill" | "outline" | "plain";
+    effect: import('vue-types').VueTypeDef<"fill" | "outline" | "transparent" | "plain"> & {
+        default: "fill" | "outline" | "transparent" | "plain";
     };
 }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-    type: "success" | "warning" | "info" | "error" | "primary";
-    effect: "fill" | "outline" | "plain";
+    type: "success" | "warning" | "info" | "error" | "primary" | "tips";
     size: "default" | "small" | "mini";
+    effect: "fill" | "outline" | "transparent" | "plain";
 }> & {
     props: {
-        type: import('vue-types').VueTypeDef<"success" | "warning" | "info" | "error" | "primary"> & {
-            default: "success" | "warning" | "info" | "error" | "primary";
+        type: import('vue-types').VueTypeDef<"success" | "warning" | "info" | "error" | "primary" | "tips"> & {
+            default: "success" | "warning" | "info" | "error" | "primary" | "tips";
         };
         size: import('vue-types').VueTypeDef<"default" | "small" | "mini"> & {
             default: "default" | "small" | "mini";
         };
-        effect: import('vue-types').VueTypeDef<"fill" | "outline" | "plain"> & {
-            default: "fill" | "outline" | "plain";
+        effect: import('vue-types').VueTypeDef<"fill" | "outline" | "transparent" | "plain"> & {
+            default: "fill" | "outline" | "transparent" | "plain";
         };
     };
 } & (new () => {

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

@@ -1,9 +1,9 @@
 /** 标签尺寸 */
 export declare const tagSizes: readonly ["default", "small", "mini"];
 export type TagSize = (typeof tagSizes)[number];
-export declare const tagTypes: readonly ["primary", "success", "warning", "error", "info"];
+export declare const tagTypes: readonly ["primary", "tips", "success", "warning", "error", "info"];
 export type TagType = (typeof tagTypes)[number];
-export declare const tagEffects: readonly ["fill", "plain", "outline"];
+export declare const tagEffects: readonly ["fill", "plain", "transparent", "outline"];
 export type TagEffect = (typeof tagEffects)[number];
 export declare const tagProps: () => {
     /**
@@ -11,8 +11,8 @@ export declare const tagProps: () => {
      * @propType TagType
      * @default 'primary'
      */
-    type: import('vue-types').VueTypeDef<"success" | "warning" | "info" | "error" | "primary"> & {
-        default: "success" | "warning" | "info" | "error" | "primary";
+    type: import('vue-types').VueTypeDef<"success" | "warning" | "info" | "error" | "primary" | "tips"> & {
+        default: "success" | "warning" | "info" | "error" | "primary" | "tips";
     };
     /**
      * 标签尺寸
@@ -27,8 +27,8 @@ export declare const tagProps: () => {
      * @propType TagEffect
      * @default 'plain'
      */
-    effect: import('vue-types').VueTypeDef<"fill" | "outline" | "plain"> & {
-        default: "fill" | "outline" | "plain";
+    effect: import('vue-types').VueTypeDef<"fill" | "outline" | "transparent" | "plain"> & {
+        default: "fill" | "outline" | "transparent" | "plain";
     };
 };
 export interface TagSlots {

package/vue3/src/components/tag/src/tag.vue.d.ts

@@ -10,29 +10,29 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<{
-    type: import('vue-types').VueTypeDef<"success" | "warning" | "info" | "error" | "primary"> & {
-        default: "success" | "warning" | "info" | "error" | "primary";
+    type: import('vue-types').VueTypeDef<"success" | "warning" | "info" | "error" | "primary" | "tips"> & {
+        default: "success" | "warning" | "info" | "error" | "primary" | "tips";
     };
     size: import('vue-types').VueTypeDef<"default" | "small" | "mini"> & {
         default: "default" | "small" | "mini";
     };
-    effect: import('vue-types').VueTypeDef<"fill" | "outline" | "plain"> & {
-        default: "fill" | "outline" | "plain";
+    effect: import('vue-types').VueTypeDef<"fill" | "outline" | "transparent" | "plain"> & {
+        default: "fill" | "outline" | "transparent" | "plain";
     };
 }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<{
-    type: import('vue-types').VueTypeDef<"success" | "warning" | "info" | "error" | "primary"> & {
-        default: "success" | "warning" | "info" | "error" | "primary";
+    type: import('vue-types').VueTypeDef<"success" | "warning" | "info" | "error" | "primary" | "tips"> & {
+        default: "success" | "warning" | "info" | "error" | "primary" | "tips";
     };
     size: import('vue-types').VueTypeDef<"default" | "small" | "mini"> & {
         default: "default" | "small" | "mini";
     };
-    effect: import('vue-types').VueTypeDef<"fill" | "outline" | "plain"> & {
-        default: "fill" | "outline" | "plain";
+    effect: import('vue-types').VueTypeDef<"fill" | "outline" | "transparent" | "plain"> & {
+        default: "fill" | "outline" | "transparent" | "plain";
     };
 }>>, {
-    type: "success" | "warning" | "info" | "error" | "primary";
-    effect: "fill" | "outline" | "plain";
+    type: "success" | "warning" | "info" | "error" | "primary" | "tips";
     size: "default" | "small" | "mini";
+    effect: "fill" | "outline" | "transparent" | "plain";
 }>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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

@@ -2,8 +2,8 @@ export declare const PwcTooltip: import('../../vue-utils/install-utils').SFCInst
     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";
+    placement: import('vue-types').VueTypeDef<"left" | "right" | "top" | "bottom" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "left-start" | "left-end" | "right-start" | "right-end"> & {
+        default: "left" | "right" | "top" | "bottom" | "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";
@@ -21,8 +21,8 @@ export declare const PwcTooltip: import('../../vue-utils/install-utils').SFCInst
     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";
+    placement: import('vue-types').VueTypeDef<"left" | "right" | "top" | "bottom" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "left-start" | "left-end" | "right-start" | "right-end"> & {
+        default: "left" | "right" | "top" | "bottom" | "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";
@@ -37,18 +37,18 @@ export declare const PwcTooltip: import('../../vue-utils/install-utils').SFCInst
         default: boolean;
     };
 }>>, {}, {
+    disabled: 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";
+    placement: "left" | "right" | "top" | "bottom" | "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";
+    placement: import('vue-types').VueTypeDef<"left" | "right" | "top" | "bottom" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "left-start" | "left-end" | "right-start" | "right-end"> & {
+        default: "left" | "right" | "top" | "bottom" | "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";
@@ -66,8 +66,8 @@ export declare const PwcTooltip: import('../../vue-utils/install-utils').SFCInst
     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";
+    placement: import('vue-types').VueTypeDef<"left" | "right" | "top" | "bottom" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "left-start" | "left-end" | "right-start" | "right-end"> & {
+        default: "left" | "right" | "top" | "bottom" | "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";
@@ -85,8 +85,8 @@ export declare const PwcTooltip: import('../../vue-utils/install-utils').SFCInst
     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";
+    placement: import('vue-types').VueTypeDef<"left" | "right" | "top" | "bottom" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "left-start" | "left-end" | "right-start" | "right-end"> & {
+        default: "left" | "right" | "top" | "bottom" | "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";
@@ -101,10 +101,10 @@ export declare const PwcTooltip: import('../../vue-utils/install-utils').SFCInst
         default: boolean;
     };
 }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    disabled: 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";
+    placement: "left" | "right" | "top" | "bottom" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "left-start" | "left-end" | "right-start" | "right-end";
     tooltipClass: string;
     onlyTextEllipsis: boolean;
 }> & {
@@ -112,8 +112,8 @@ export declare const PwcTooltip: import('../../vue-utils/install-utils').SFCInst
         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";
+        placement: import('vue-types').VueTypeDef<"left" | "right" | "top" | "bottom" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "left-start" | "left-end" | "right-start" | "right-end"> & {
+            default: "left" | "right" | "top" | "bottom" | "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";

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

@@ -13,8 +13,8 @@ export declare const tooltipProps: () => {
      * @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";
+    placement: import('vue-types').VueTypeDef<"left" | "right" | "top" | "bottom" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "left-start" | "left-end" | "right-start" | "right-end"> & {
+        default: "left" | "right" | "top" | "bottom" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "left-start" | "left-end" | "right-start" | "right-end";
     };
     /**
      * 弹层主题

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

@@ -1,4 +1,3 @@
-import { BeforeShowPopper } from '../../../hooks/components/use-popper';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -6,90 +5,18 @@ declare function __VLS_template(): {
         content?(_: {}): any;
     };
     refs: {
-        popperRef: (import('vue/types/v3-component-public-instance').Vue3Instance<{}, 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<"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>;
-            disabled: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
-                default: boolean;
-            };
-            beforeShowPopper: import('vue-types').VueTypeValidableDef<BeforeShowPopper, import('vue-types/dist/types').ValidatorFunction<BeforeShowPopper>>;
-        }>>, 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<"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>;
-            disabled: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
-                default: boolean;
-            };
-            beforeShowPopper: import('vue-types').VueTypeValidableDef<BeforeShowPopper, import('vue-types/dist/types').ValidatorFunction<BeforeShowPopper>>;
-        }>>, {}, {
-            disabled: boolean;
-            trigger: "click" | "focus" | "hover" | "long-press" | "custom";
-            arrow: boolean;
-            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<"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>;
-            disabled: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
-                default: boolean;
-            };
-            beforeShowPopper: import('vue-types').VueTypeValidableDef<BeforeShowPopper, import('vue-types/dist/types').ValidatorFunction<BeforeShowPopper>>;
-        }>>> & import('vue').ShallowUnwrapRef<{
-            referenceRef: import('vue').Ref<any>;
-            popperRef: import('vue').Ref<any>;
-            popperVisible: import('vue').Ref<boolean>;
-        }> & import('vue/types/v3-component-options').ExtractComputedReturns<{}> & import('vue').ComponentCustomProperties & 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<"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>;
-            disabled: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
-                default: boolean;
-            };
-            beforeShowPopper: import('vue-types').VueTypeValidableDef<BeforeShowPopper, import('vue-types/dist/types').ValidatorFunction<BeforeShowPopper>>;
-        }>> & {
-            $scopedSlots: {
-                default?(_: {}): any;
-            };
-        }) | null;
+        referenceRef: HTMLSpanElement;
+        popperRef: HTMLDivElement;
     };
-    rootEl: Element;
+    rootEl: HTMLSpanElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 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<"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";
+    placement: import('vue-types').VueTypeDef<"left" | "right" | "top" | "bottom" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "left-start" | "left-end" | "right-start" | "right-end"> & {
+        default: "left" | "right" | "top" | "bottom" | "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 +34,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<"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";
+    placement: import('vue-types').VueTypeDef<"left" | "right" | "top" | "bottom" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "left-start" | "left-end" | "right-start" | "right-end"> & {
+        default: "left" | "right" | "top" | "bottom" | "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";
@@ -123,10 +50,10 @@ declare const __VLS_component: import('vue').DefineComponent<{
         default: boolean;
     };
 }>>, {
+    disabled: 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";
+    placement: "left" | "right" | "top" | "bottom" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "left-start" | "left-end" | "right-start" | "right-end";
     tooltipClass: string;
     onlyTextEllipsis: boolean;
 }>;

package/vue3/src/components/tooltip/src/use-tooltip.d.ts

@@ -13,8 +13,8 @@ export declare const tooltipProps: () => {
      * @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";
+    placement: import('vue-types').VueTypeDef<"left" | "right" | "top" | "bottom" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "left-start" | "left-end" | "right-start" | "right-end"> & {
+        default: "left" | "right" | "top" | "bottom" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "left-start" | "left-end" | "right-start" | "right-end";
     };
     /**
      * 弹层主题

package/vue3/src/components/zoom-container/hooks/use-zoom-drag.d.ts

@@ -1,5 +1,6 @@
 import { Ref } from 'vue';
 export declare const useZoomDrag: (options: {
+    containerRef: Ref<HTMLDivElement | undefined>;
     isOverflowWrap: Ref<boolean>;
     contentRef: Ref<HTMLDivElement | undefined>;
     onDragStart: () => void;

package/vue3/src/config/index.d.ts

@@ -0,0 +1,4 @@
+/**
+ * css 样式变量前缀
+ */
+export declare const STYLE_VARIABLE_PREFIX = "--pwc";

package/vue3/src/hooks/animation/types/common.d.ts

@@ -14,7 +14,7 @@ export interface AnimationImplement {
     /**
      * 播放一次动画
      */
-    playSingleAnimation: () => Promise<void>;
+    playSingleAnimation: (options?: PlayAnimationOptions) => Promise<void>;
 }
 export declare const useCommonAnimation: (hookOptions: AnimationControllerOptions, implement: AnimationImplement) => {
     wrapRef: import('vue').Ref<HTMLDivElement | undefined>;

package/vue3/src/hooks/animation/types/index.d.ts

@@ -26,6 +26,11 @@ export interface PlayAnimationOptions extends AnimationCallback {
      * 循环间隔时间
      */
     loopTimeInterval?: number;
+    /**
+     * 是否强制刷新图片资源（添加时间戳参数避免缓存）
+     * @default false
+     */
+    forceRefresh?: boolean;
 }
 export interface AnimationControllerOptions extends AnimationCallback {
     /**

package/vue3/src/hooks/animation/use-gif-handler/index.d.ts

@@ -0,0 +1,26 @@
+/**
+ * 判断是否为 GIF 图片 URL
+ * 使用正则表达式匹配 .gif 扩展名（可包含查询参数）
+ */
+export declare function isGifUrl(url: string): boolean;
+export interface UseGifHandlerOptions {
+    /** 最大缓存数量，默认20 */
+    maxCacheSize?: number;
+}
+export interface GifHandler {
+    /** 判断URL是否为GIF图片 */
+    isGifUrl: (url: string) => boolean;
+    /** 获取GIF动画时长（毫秒） */
+    getGifDuration: (url: string, defaultDuration?: number) => Promise<number>;
+    /** 获取GIF图片的object URL（用于播放） */
+    getGifObjectUrl: (url: string) => Promise<string | null>;
+    /** 回收GIF object URL */
+    revokeGifUrl: (url: string) => void;
+    /** 清理所有资源 */
+    cleanupGifCache: () => void;
+}
+/**
+ * GIF图片处理hook
+ * 负责GIF图片的检测、时长解析、blob缓存和object URL管理
+ */
+export declare const useGifHandler: (options?: UseGifHandlerOptions) => GifHandler;

package/vue3/src/hooks/animation/use-special-effect/index.d.ts

@@ -18,13 +18,17 @@ export interface UseSpecialEffectOptions {
     disabled?: MaybeResponsive<boolean>;
 }
 export interface AnimationQueueItem {
-    url: string;
-}
-export interface PushAnimationQueueOptions {
     /**
      * 动画文件地址
      */
     url: string;
+    /**
+     * 是否强制刷新图片资源（添加时间戳参数避免缓存）
+     * @default false
+     */
+    forceRefresh?: boolean;
+}
+export interface PushAnimationQueueOptions extends AnimationQueueItem {
     /**
      * 是否从头部插入
      * @default false
@@ -42,12 +46,13 @@ export interface PushAnimationQueueOptions {
     filterRepeat?: boolean;
 }
 /**
- * 特殊播放器
+ * 特效播放器
  */
 export declare const useSpecialEffect: (options?: UseSpecialEffectOptions) => {
     wrapRef: Ref<HTMLDivElement | undefined>;
     animationQueue: Ref<{
         url: string;
+        forceRefresh?: boolean | undefined;
     }[]>;
     currentAnimationItem: Ref<AnimationQueueItem | undefined>;
     pushAnimationQueue: (options: PushAnimationQueueOptions) => void;

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

@@ -14,6 +14,7 @@ export declare const useSkinColorConfig: (_configProviderData?: ConfigProviderIn
     skinColorConfig: import('vue').ComputedRef<{
         skinColorMode: SkinColorMode;
         themeColor: string;
+        primaryColor: string;
         specialColor: string;
     }>;
     currentSkinColorMode: import('vue').ComputedRef<"light" | "dark">;

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

@@ -12,6 +12,10 @@ export interface SkinColorConfig {
      * 主题色
      */
     themeColor?: string;
+    /**
+     * 主要色
+     */
+    primaryColor?: string;
     /**
      * 特殊颜色
      * @default #3F76FC

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

@@ -5,3 +5,8 @@ import { SkinColorMode } from './types';
  */
 export declare function genSkinColorClass<T extends string>(suffix: T): string;
 export declare function setElementSkin(elem: HTMLElement, skin: SkinColorMode): void;
+export declare function darkColor(rgb: [r: number, g: number, b: number], alpha: number): string;
+export declare function setPrimaryColor(options: {
+    elem: HTMLElement;
+    primaryColor: string;
+}): void;