@polyv/vue-components 1.7.0 → 1.8.0

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

@@ -0,0 +1,150 @@
+export declare const PwcImage: 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<{
+    src: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    width: import('vue-types').VueTypeDef<string | number>;
+    height: import('vue-types').VueTypeDef<string | number>;
+    gradual: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    gradualSize: import('vue-types').VueTypeValidableDef<{
+        width?: number;
+        height?: number;
+    }, import('vue-types/dist/types').ValidatorFunction<{
+        width?: number;
+        height?: number;
+    }>>;
+    blurBackground: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    objectFit: import('vue-types').VueTypeDef<"fill" | "none" | "contain" | "cover" | "scale-down">;
+    noCache: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+}>>, Readonly<import('vue').ExtractPropTypes<{
+    src: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    width: import('vue-types').VueTypeDef<string | number>;
+    height: import('vue-types').VueTypeDef<string | number>;
+    gradual: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    gradualSize: import('vue-types').VueTypeValidableDef<{
+        width?: number;
+        height?: number;
+    }, import('vue-types/dist/types').ValidatorFunction<{
+        width?: number;
+        height?: number;
+    }>>;
+    blurBackground: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    objectFit: import('vue-types').VueTypeDef<"fill" | "none" | "contain" | "cover" | "scale-down">;
+    noCache: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+}>>, {
+    error: (arg: HTMLImageElement) => void;
+    load: (arg: HTMLImageElement) => void;
+}, {
+    gradual: boolean;
+    blurBackground: boolean;
+    noCache: boolean;
+}, true, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, any>> & Readonly<Readonly<import('vue').ExtractPropTypes<{
+    src: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    width: import('vue-types').VueTypeDef<string | number>;
+    height: import('vue-types').VueTypeDef<string | number>;
+    gradual: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    gradualSize: import('vue-types').VueTypeValidableDef<{
+        width?: number;
+        height?: number;
+    }, import('vue-types/dist/types').ValidatorFunction<{
+        width?: number;
+        height?: number;
+    }>>;
+    blurBackground: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    objectFit: import('vue-types').VueTypeDef<"fill" | "none" | "contain" | "cover" | "scale-down">;
+    noCache: 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<{
+    src: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    width: import('vue-types').VueTypeDef<string | number>;
+    height: import('vue-types').VueTypeDef<string | number>;
+    gradual: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    gradualSize: import('vue-types').VueTypeValidableDef<{
+        width?: number;
+        height?: number;
+    }, import('vue-types/dist/types').ValidatorFunction<{
+        width?: number;
+        height?: number;
+    }>>;
+    blurBackground: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    objectFit: import('vue-types').VueTypeDef<"fill" | "none" | "contain" | "cover" | "scale-down">;
+    noCache: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+}>>> & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    src: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    width: import('vue-types').VueTypeDef<string | number>;
+    height: import('vue-types').VueTypeDef<string | number>;
+    gradual: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    gradualSize: import('vue-types').VueTypeValidableDef<{
+        width?: number;
+        height?: number;
+    }, import('vue-types/dist/types').ValidatorFunction<{
+        width?: number;
+        height?: number;
+    }>>;
+    blurBackground: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    objectFit: import('vue-types').VueTypeDef<"fill" | "none" | "contain" | "cover" | "scale-down">;
+    noCache: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    error: (arg: HTMLImageElement) => void;
+    load: (arg: HTMLImageElement) => void;
+}, string, {
+    gradual: boolean;
+    blurBackground: boolean;
+    noCache: boolean;
+}> & {
+    props: {
+        src: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+        width: import('vue-types').VueTypeDef<string | number>;
+        height: import('vue-types').VueTypeDef<string | number>;
+        gradual: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+            default: boolean;
+        };
+        gradualSize: import('vue-types').VueTypeValidableDef<{
+            width?: number;
+            height?: number;
+        }, import('vue-types/dist/types').ValidatorFunction<{
+            width?: number;
+            height?: number;
+        }>>;
+        blurBackground: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+            default: boolean;
+        };
+        objectFit: import('vue-types').VueTypeDef<"fill" | "none" | "contain" | "cover" | "scale-down">;
+        noCache: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+            default: boolean;
+        };
+    };
+} & (new () => {
+    $scopedSlots: {
+        placeholder?(_: {}): any;
+        error?(_: {}): any;
+    };
+}), import('../../vue-utils/install-utils').InstallOptions>;
+export * from './src/props-define';
+export * from './src/events';

package/vue3/src/components/image/src/events.d.ts

@@ -0,0 +1,6 @@
+/** Image 组件裁剪完成事件名 */
+export declare const IMAGE_CROPPED_EVENT = "__pwc-image-cropped";
+/** 裁剪完成事件 */
+export interface ImageCroppedEventData {
+    url: string;
+}

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

@@ -0,0 +1,69 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        placeholder?(_: {}): any;
+        error?(_: {}): any;
+    };
+    refs: {
+        rootRef: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{
+    src: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    width: import('vue-types').VueTypeDef<string | number>;
+    height: import('vue-types').VueTypeDef<string | number>;
+    gradual: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    gradualSize: import('vue-types').VueTypeValidableDef<{
+        width?: number;
+        height?: number;
+    }, import('vue-types/dist/types').ValidatorFunction<{
+        width?: number;
+        height?: number;
+    }>>;
+    blurBackground: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    objectFit: import('vue-types').VueTypeDef<"fill" | "none" | "contain" | "cover" | "scale-down">;
+    noCache: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    error: (arg: HTMLImageElement) => void;
+    load: (arg: HTMLImageElement) => void;
+}, string, Readonly<import('vue').ExtractPropTypes<{
+    src: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    width: import('vue-types').VueTypeDef<string | number>;
+    height: import('vue-types').VueTypeDef<string | number>;
+    gradual: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    gradualSize: import('vue-types').VueTypeValidableDef<{
+        width?: number;
+        height?: number;
+    }, import('vue-types/dist/types').ValidatorFunction<{
+        width?: number;
+        height?: number;
+    }>>;
+    blurBackground: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    objectFit: import('vue-types').VueTypeDef<"fill" | "none" | "contain" | "cover" | "scale-down">;
+    noCache: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+}>>, {
+    gradual: boolean;
+    blurBackground: boolean;
+    noCache: boolean;
+}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $scopedSlots: S;
+    };
+};

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

@@ -0,0 +1,57 @@
+/** 图片适应模式 */
+export declare const imageObjectFits: readonly ["fill", "contain", "cover", "none", "scale-down"];
+export type ImageObjectFit = (typeof imageObjectFits)[number];
+export declare const imageProps: () => {
+    /** 图片地址 */
+    src: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    /** 宽度 */
+    width: import('vue-types').VueTypeDef<string | number>;
+    /** 高度 */
+    height: import('vue-types').VueTypeDef<string | number>;
+    /**
+     * 是否使用渐进加载
+     * @default true
+     */
+    gradual: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    /** 渐进图尺寸 */
+    gradualSize: import('vue-types').VueTypeValidableDef<{
+        width?: number;
+        height?: number;
+    }, import('vue-types/dist/types').ValidatorFunction<{
+        width?: number;
+        height?: number;
+    }>>;
+    /**
+     * 是否启用模糊背景
+     * @default false
+     */
+    blurBackground: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    /**
+     * 图片适应模式
+     * @propType ImageObjectFit
+     */
+    objectFit: import('vue-types').VueTypeDef<"fill" | "none" | "contain" | "cover" | "scale-down">;
+    /**
+     * 阻止缓存，自动在地址添加时间戳参数
+     * @default false
+     */
+    noCache: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+};
+export declare const imageEmits: () => {
+    /** 图片加载完成 */
+    load: import('../../../vue-utils').EmitFuncType<HTMLImageElement>;
+    /** 图片加载失败 */
+    error: import('../../../vue-utils').EmitFuncType<HTMLImageElement>;
+};
+export interface ImageSlots {
+    /** 自定义占位内容 */
+    placeholder: void;
+    /** 自定义加载失败内容 */
+    error: void;
+}

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

@@ -0,0 +1,16 @@
+import { imageEmits, imageProps } from './props-define';
+import { VueProps, VueEmit } from '../../../vue-utils';
+export declare function useImage(props: VueProps<typeof imageProps>, emit: VueEmit<typeof imageEmits>): {
+    rootRef: import('vue').Ref<HTMLElement | undefined>;
+    isLoaded: import('vue').Ref<boolean>;
+    isLoadError: import('vue').Ref<boolean>;
+    gradualError: import('vue').Ref<boolean>;
+    imageStyle: import('vue').ComputedRef<{
+        width: string | undefined;
+        height: string | undefined;
+    }>;
+    gradualUrl: import('vue').ComputedRef<string>;
+    imageUrl: import('vue').ComputedRef<string>;
+    contentClass: import('vue').ComputedRef<string[]>;
+    handleGradualError: () => void;
+};

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

@@ -1,7 +1,7 @@
 export declare const PwcMenu: 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<{
     "v-model-key": import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
-    mode: import('vue-types').VueTypeDef<"vertical" | "horizontal"> & {
-        default: "vertical" | "horizontal";
+    mode: import('vue-types').VueTypeDef<"button" | "vertical" | "horizontal" | "tab"> & {
+        default: "button" | "vertical" | "horizontal" | "tab";
     };
     collapsed: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
         default: boolean;
@@ -12,10 +12,11 @@ export declare const PwcMenu: import('../../vue-utils/install-utils').SFCInstall
     forceExpand: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
         default: boolean;
     };
+    background: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
 }>>, Readonly<import('vue').ExtractPropTypes<{
     "v-model-key": import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
-    mode: import('vue-types').VueTypeDef<"vertical" | "horizontal"> & {
-        default: "vertical" | "horizontal";
+    mode: import('vue-types').VueTypeDef<"button" | "vertical" | "horizontal" | "tab"> & {
+        default: "button" | "vertical" | "horizontal" | "tab";
     };
     collapsed: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
         default: boolean;
@@ -26,17 +27,18 @@ export declare const PwcMenu: import('../../vue-utils/install-utils').SFCInstall
     forceExpand: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
         default: boolean;
     };
+    background: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
 }>>, {
     [x: string]: (...args: any[]) => void;
 }, {
     effect: "light" | "dark";
-    mode: "vertical" | "horizontal";
+    mode: "button" | "vertical" | "horizontal" | "tab";
     collapsed: boolean;
     forceExpand: boolean;
 }, true, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, any>> & Readonly<Readonly<import('vue').ExtractPropTypes<{
     "v-model-key": import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
-    mode: import('vue-types').VueTypeDef<"vertical" | "horizontal"> & {
-        default: "vertical" | "horizontal";
+    mode: import('vue-types').VueTypeDef<"button" | "vertical" | "horizontal" | "tab"> & {
+        default: "button" | "vertical" | "horizontal" | "tab";
     };
     collapsed: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
         default: boolean;
@@ -47,10 +49,11 @@ export declare const PwcMenu: import('../../vue-utils/install-utils').SFCInstall
     forceExpand: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
         default: boolean;
     };
+    background: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
 }>>> & import('vue').ShallowUnwrapRef<{}> & import('vue/types/v3-component-options').ExtractComputedReturns<{}> & import('vue').ComponentCustomProperties & Readonly<import('vue').ExtractPropTypes<{
     "v-model-key": import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
-    mode: import('vue-types').VueTypeDef<"vertical" | "horizontal"> & {
-        default: "vertical" | "horizontal";
+    mode: import('vue-types').VueTypeDef<"button" | "vertical" | "horizontal" | "tab"> & {
+        default: "button" | "vertical" | "horizontal" | "tab";
     };
     collapsed: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
         default: boolean;
@@ -61,10 +64,11 @@ export declare const PwcMenu: import('../../vue-utils/install-utils').SFCInstall
     forceExpand: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
         default: boolean;
     };
+    background: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
 }>>> & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
     "v-model-key": import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
-    mode: import('vue-types').VueTypeDef<"vertical" | "horizontal"> & {
-        default: "vertical" | "horizontal";
+    mode: import('vue-types').VueTypeDef<"button" | "vertical" | "horizontal" | "tab"> & {
+        default: "button" | "vertical" | "horizontal" | "tab";
     };
     collapsed: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
         default: boolean;
@@ -75,18 +79,19 @@ export declare const PwcMenu: import('../../vue-utils/install-utils').SFCInstall
     forceExpand: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
         default: boolean;
     };
+    background: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
 }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     [x: string]: (...args: any[]) => void;
 }, string, {
     effect: "light" | "dark";
-    mode: "vertical" | "horizontal";
+    mode: "button" | "vertical" | "horizontal" | "tab";
     collapsed: boolean;
     forceExpand: boolean;
 }> & {
     props: {
         "v-model-key": import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
-        mode: import('vue-types').VueTypeDef<"vertical" | "horizontal"> & {
-            default: "vertical" | "horizontal";
+        mode: import('vue-types').VueTypeDef<"button" | "vertical" | "horizontal" | "tab"> & {
+            default: "button" | "vertical" | "horizontal" | "tab";
         };
         collapsed: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
             default: boolean;
@@ -97,9 +102,11 @@ export declare const PwcMenu: import('../../vue-utils/install-utils').SFCInstall
         forceExpand: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
             default: boolean;
         };
+        background: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
     };
 } & (new () => {
     $scopedSlots: {
+        header?(_: {}): any;
         default?(_: {}): any;
     };
 }), import('../../vue-utils/install-utils').InstallOptions>;
@@ -107,27 +114,49 @@ export declare const PwcSubMenu: import('../../vue-utils/install-utils').SFCInst
     title: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
     icon: import('vue-types').VueTypeValidableDef<import('@polyv/icons-vue-middle/icon-builder').IconComponentOption, import('vue-types/dist/types').ValidatorFunction<import('@polyv/icons-vue-middle/icon-builder').IconComponentOption>>;
     activeIcon: import('vue-types').VueTypeValidableDef<import('@polyv/icons-vue-middle/icon-builder').IconComponentOption, import('vue-types/dist/types').ValidatorFunction<import('@polyv/icons-vue-middle/icon-builder').IconComponentOption>>;
+    iconMode: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
 }>>, Readonly<import('vue').ExtractPropTypes<{
     title: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
     icon: import('vue-types').VueTypeValidableDef<import('@polyv/icons-vue-middle/icon-builder').IconComponentOption, import('vue-types/dist/types').ValidatorFunction<import('@polyv/icons-vue-middle/icon-builder').IconComponentOption>>;
     activeIcon: import('vue-types').VueTypeValidableDef<import('@polyv/icons-vue-middle/icon-builder').IconComponentOption, import('vue-types/dist/types').ValidatorFunction<import('@polyv/icons-vue-middle/icon-builder').IconComponentOption>>;
-}>>, {}, {}, true, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, any>> & Readonly<Readonly<import('vue').ExtractPropTypes<{
+    iconMode: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+}>>, {}, {
+    iconMode: boolean;
+}, true, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, any>> & Readonly<Readonly<import('vue').ExtractPropTypes<{
     title: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
     icon: import('vue-types').VueTypeValidableDef<import('@polyv/icons-vue-middle/icon-builder').IconComponentOption, import('vue-types/dist/types').ValidatorFunction<import('@polyv/icons-vue-middle/icon-builder').IconComponentOption>>;
     activeIcon: import('vue-types').VueTypeValidableDef<import('@polyv/icons-vue-middle/icon-builder').IconComponentOption, import('vue-types/dist/types').ValidatorFunction<import('@polyv/icons-vue-middle/icon-builder').IconComponentOption>>;
+    iconMode: 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<{
     title: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
     icon: import('vue-types').VueTypeValidableDef<import('@polyv/icons-vue-middle/icon-builder').IconComponentOption, import('vue-types/dist/types').ValidatorFunction<import('@polyv/icons-vue-middle/icon-builder').IconComponentOption>>;
     activeIcon: import('vue-types').VueTypeValidableDef<import('@polyv/icons-vue-middle/icon-builder').IconComponentOption, import('vue-types/dist/types').ValidatorFunction<import('@polyv/icons-vue-middle/icon-builder').IconComponentOption>>;
+    iconMode: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
 }>>> & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
     title: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
     icon: import('vue-types').VueTypeValidableDef<import('@polyv/icons-vue-middle/icon-builder').IconComponentOption, import('vue-types/dist/types').ValidatorFunction<import('@polyv/icons-vue-middle/icon-builder').IconComponentOption>>;
     activeIcon: import('vue-types').VueTypeValidableDef<import('@polyv/icons-vue-middle/icon-builder').IconComponentOption, import('vue-types/dist/types').ValidatorFunction<import('@polyv/icons-vue-middle/icon-builder').IconComponentOption>>;
-}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}> & {
+    iconMode: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    iconMode: boolean;
+}> & {
     props: {
         title: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
         icon: import('vue-types').VueTypeValidableDef<import('@polyv/icons-vue-middle/icon-builder').IconComponentOption, import('vue-types/dist/types').ValidatorFunction<import('@polyv/icons-vue-middle/icon-builder').IconComponentOption>>;
         activeIcon: import('vue-types').VueTypeValidableDef<import('@polyv/icons-vue-middle/icon-builder').IconComponentOption, import('vue-types/dist/types').ValidatorFunction<import('@polyv/icons-vue-middle/icon-builder').IconComponentOption>>;
+        iconMode: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+            default: boolean;
+        };
     };
 } & (new () => {
     $scopedSlots: {
@@ -145,12 +174,22 @@ export declare const PwcMenuItem: import('../../vue-utils/install-utils').SFCIns
     icon: import('vue-types').VueTypeValidableDef<import('@polyv/icons-vue-middle/icon-builder').IconComponentOption, import('vue-types/dist/types').ValidatorFunction<import('@polyv/icons-vue-middle/icon-builder').IconComponentOption>>;
     activeIcon: import('vue-types').VueTypeValidableDef<import('@polyv/icons-vue-middle/icon-builder').IconComponentOption, import('vue-types/dist/types').ValidatorFunction<import('@polyv/icons-vue-middle/icon-builder').IconComponentOption>>;
     to: import('vue-types').VueTypeDef<string | import('./src/props-define').MenuRouterLocation>;
+    href: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    iconMode: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
 }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<{
     index: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
     title: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
     icon: import('vue-types').VueTypeValidableDef<import('@polyv/icons-vue-middle/icon-builder').IconComponentOption, import('vue-types/dist/types').ValidatorFunction<import('@polyv/icons-vue-middle/icon-builder').IconComponentOption>>;
     activeIcon: import('vue-types').VueTypeValidableDef<import('@polyv/icons-vue-middle/icon-builder').IconComponentOption, import('vue-types/dist/types').ValidatorFunction<import('@polyv/icons-vue-middle/icon-builder').IconComponentOption>>;
     to: import('vue-types').VueTypeDef<string | import('./src/props-define').MenuRouterLocation>;
-}>>, {}>, import('../../vue-utils/install-utils').InstallOptions>;
+    href: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    iconMode: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+}>>, {
+    iconMode: boolean;
+}>, import('../../vue-utils/install-utils').InstallOptions>;
 export declare const PwcMenuDivider: import('../../vue-utils/install-utils').SFCInstall<import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<{}>>, {}>, import('../../vue-utils/install-utils').InstallOptions>;
 export * from './src/props-define';

package/vue3/src/components/menu/src/hooks/use-sub-menu.d.ts

@@ -18,6 +18,9 @@ export declare const useSubMenu: (options: {
     subMenuIcon: import('vue').ComputedRef<import('@polyv/icons-vue-middle/icon-builder').IconComponentOption | undefined>;
     onClickSubMenu: () => void;
     contentRef: Ref<HTMLDivElement | undefined>;
+    menuItemList: Ref<{
+        getIsActive: () => boolean;
+    }[]>;
 };
 export declare const useSubMenuPopperInject: () => SubMenuPopperInjectData | undefined;
 export declare const useSubMenuInject: (menuItemInstance?: MenuItemInstance) => SubMenuInjectData | undefined;

package/vue3/src/components/menu/src/menu-item.vue.d.ts

@@ -4,11 +4,21 @@ declare const _default: import('vue').DefineComponent<{
     icon: import('vue-types').VueTypeValidableDef<import('@polyv/icons-vue-middle/icon-builder').IconComponentOption, import('vue-types/dist/types').ValidatorFunction<import('@polyv/icons-vue-middle/icon-builder').IconComponentOption>>;
     activeIcon: import('vue-types').VueTypeValidableDef<import('@polyv/icons-vue-middle/icon-builder').IconComponentOption, import('vue-types/dist/types').ValidatorFunction<import('@polyv/icons-vue-middle/icon-builder').IconComponentOption>>;
     to: import('vue-types').VueTypeDef<string | import('./props-define').MenuRouterLocation>;
+    href: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    iconMode: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
 }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<{
     index: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
     title: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
     icon: import('vue-types').VueTypeValidableDef<import('@polyv/icons-vue-middle/icon-builder').IconComponentOption, import('vue-types/dist/types').ValidatorFunction<import('@polyv/icons-vue-middle/icon-builder').IconComponentOption>>;
     activeIcon: import('vue-types').VueTypeValidableDef<import('@polyv/icons-vue-middle/icon-builder').IconComponentOption, import('vue-types/dist/types').ValidatorFunction<import('@polyv/icons-vue-middle/icon-builder').IconComponentOption>>;
     to: import('vue-types').VueTypeDef<string | import('./props-define').MenuRouterLocation>;
-}>>, {}>;
+    href: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    iconMode: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+}>>, {
+    iconMode: boolean;
+}>;
 export default _default;

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

@@ -1,6 +1,7 @@
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
+        header?(_: {}): any;
         default?(_: {}): any;
     };
     refs: {};
@@ -9,8 +10,8 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<{
     "v-model-key": import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
-    mode: import('vue-types').VueTypeDef<"vertical" | "horizontal"> & {
-        default: "vertical" | "horizontal";
+    mode: import('vue-types').VueTypeDef<"button" | "vertical" | "horizontal" | "tab"> & {
+        default: "button" | "vertical" | "horizontal" | "tab";
     };
     collapsed: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
         default: boolean;
@@ -21,12 +22,13 @@ declare const __VLS_component: import('vue').DefineComponent<{
     forceExpand: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
         default: boolean;
     };
+    background: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
 }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     [x: string]: (...args: any[]) => void;
 }, string, Readonly<import('vue').ExtractPropTypes<{
     "v-model-key": import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
-    mode: import('vue-types').VueTypeDef<"vertical" | "horizontal"> & {
-        default: "vertical" | "horizontal";
+    mode: import('vue-types').VueTypeDef<"button" | "vertical" | "horizontal" | "tab"> & {
+        default: "button" | "vertical" | "horizontal" | "tab";
     };
     collapsed: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
         default: boolean;
@@ -37,9 +39,10 @@ declare const __VLS_component: import('vue').DefineComponent<{
     forceExpand: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
         default: boolean;
     };
+    background: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
 }>>, {
     effect: "light" | "dark";
-    mode: "vertical" | "horizontal";
+    mode: "button" | "vertical" | "horizontal" | "tab";
     collapsed: boolean;
     forceExpand: boolean;
 }>;