vft 0.0.61 → 0.0.62

package/lib/components/select-v2/index.d.ts

@@ -2,7 +2,7 @@ import type { SFCWithInstall } from 'vft/es/utils';
 declare const _Select: SFCWithInstall<import("vue").DefineComponent<{
     allowCreate: BooleanConstructor;
     autocomplete: {
-        type: import("vue").PropType<"none" | "both" | "list" | "inline">;
+        type: import("vue").PropType<"inline" | "none" | "list" | "both">;
         default: string;
     };
     automaticDropdown: BooleanConstructor;
@@ -386,8 +386,8 @@ declare const _Select: SFCWithInstall<import("vue").DefineComponent<{
                 required: false;
             };
         }>> & {
-            onClose?: ((...args: any[]) => any) | undefined;
             onOpen?: ((...args: any[]) => any) | undefined;
+            onClose?: ((...args: any[]) => any) | undefined;
             "onBefore-show"?: ((...args: any[]) => any) | undefined;
             "onBefore-hide"?: ((...args: any[]) => any) | undefined;
             onShow?: ((...args: any[]) => any) | undefined;
@@ -404,7 +404,7 @@ declare const _Select: SFCWithInstall<import("vue").DefineComponent<{
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $emit: (event: "close" | "open" | "before-show" | "before-hide" | "show" | "hide", ...args: any[]) => void;
+        $emit: (event: "open" | "close" | "before-show" | "before-hide" | "show" | "hide", ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             role: {
@@ -596,8 +596,8 @@ declare const _Select: SFCWithInstall<import("vue").DefineComponent<{
                 required: false;
             };
         }>> & {
-            onClose?: ((...args: any[]) => any) | undefined;
             onOpen?: ((...args: any[]) => any) | undefined;
+            onClose?: ((...args: any[]) => any) | undefined;
             "onBefore-show"?: ((...args: any[]) => any) | undefined;
             "onBefore-hide"?: ((...args: any[]) => any) | undefined;
             onShow?: ((...args: any[]) => any) | undefined;
@@ -610,7 +610,7 @@ declare const _Select: SFCWithInstall<import("vue").DefineComponent<{
             onOpen: (event?: Event | undefined) => void;
             onClose: (event?: Event | undefined) => void;
             hide: (event?: Event | undefined) => void;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "open" | "before-show" | "before-hide" | "show" | "hide")[], string, {}, {}, string> & {
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "close" | "before-show" | "before-hide" | "show" | "hide")[], string, {}, {}, string> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
             beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -820,8 +820,8 @@ declare const _Select: SFCWithInstall<import("vue").DefineComponent<{
             required: false;
         };
     }>> & {
-        onClose?: ((...args: any[]) => any) | undefined;
         onOpen?: ((...args: any[]) => any) | undefined;
+        onClose?: ((...args: any[]) => any) | undefined;
         "onBefore-show"?: ((...args: any[]) => any) | undefined;
         "onBefore-hide"?: ((...args: any[]) => any) | undefined;
         onShow?: ((...args: any[]) => any) | undefined;
@@ -878,7 +878,7 @@ declare const _Select: SFCWithInstall<import("vue").DefineComponent<{
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "clear" | "remove-tag" | "visible-change" | "focus" | "blur")[], "update:modelValue" | "change" | "clear" | "remove-tag" | "visible-change" | "focus" | "blur", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     allowCreate: BooleanConstructor;
     autocomplete: {
-        type: import("vue").PropType<"none" | "both" | "list" | "inline">;
+        type: import("vue").PropType<"inline" | "none" | "list" | "both">;
         default: string;
     };
     automaticDropdown: BooleanConstructor;
@@ -989,7 +989,7 @@ declare const _Select: SFCWithInstall<import("vue").DefineComponent<{
     disabled: boolean;
     placement: import("@popperjs/core").Placement;
     allowCreate: boolean;
-    autocomplete: "none" | "both" | "list" | "inline";
+    autocomplete: "inline" | "none" | "list" | "both";
     automaticDropdown: boolean;
     clearable: boolean;
     effect: string;
@@ -1014,7 +1014,7 @@ export default _Select;
 export declare const VftSelectV2: SFCWithInstall<import("vue").DefineComponent<{
     allowCreate: BooleanConstructor;
     autocomplete: {
-        type: import("vue").PropType<"none" | "both" | "list" | "inline">;
+        type: import("vue").PropType<"inline" | "none" | "list" | "both">;
         default: string;
     };
     automaticDropdown: BooleanConstructor;
@@ -1398,8 +1398,8 @@ export declare const VftSelectV2: SFCWithInstall<import("vue").DefineComponent<{
                 required: false;
             };
         }>> & {
-            onClose?: ((...args: any[]) => any) | undefined;
             onOpen?: ((...args: any[]) => any) | undefined;
+            onClose?: ((...args: any[]) => any) | undefined;
             "onBefore-show"?: ((...args: any[]) => any) | undefined;
             "onBefore-hide"?: ((...args: any[]) => any) | undefined;
             onShow?: ((...args: any[]) => any) | undefined;
@@ -1416,7 +1416,7 @@ export declare const VftSelectV2: SFCWithInstall<import("vue").DefineComponent<{
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $emit: (event: "close" | "open" | "before-show" | "before-hide" | "show" | "hide", ...args: any[]) => void;
+        $emit: (event: "open" | "close" | "before-show" | "before-hide" | "show" | "hide", ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             role: {
@@ -1608,8 +1608,8 @@ export declare const VftSelectV2: SFCWithInstall<import("vue").DefineComponent<{
                 required: false;
             };
         }>> & {
-            onClose?: ((...args: any[]) => any) | undefined;
             onOpen?: ((...args: any[]) => any) | undefined;
+            onClose?: ((...args: any[]) => any) | undefined;
             "onBefore-show"?: ((...args: any[]) => any) | undefined;
             "onBefore-hide"?: ((...args: any[]) => any) | undefined;
             onShow?: ((...args: any[]) => any) | undefined;
@@ -1622,7 +1622,7 @@ export declare const VftSelectV2: SFCWithInstall<import("vue").DefineComponent<{
             onOpen: (event?: Event | undefined) => void;
             onClose: (event?: Event | undefined) => void;
             hide: (event?: Event | undefined) => void;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "open" | "before-show" | "before-hide" | "show" | "hide")[], string, {}, {}, string> & {
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "close" | "before-show" | "before-hide" | "show" | "hide")[], string, {}, {}, string> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
             beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -1832,8 +1832,8 @@ export declare const VftSelectV2: SFCWithInstall<import("vue").DefineComponent<{
             required: false;
         };
     }>> & {
-        onClose?: ((...args: any[]) => any) | undefined;
         onOpen?: ((...args: any[]) => any) | undefined;
+        onClose?: ((...args: any[]) => any) | undefined;
         "onBefore-show"?: ((...args: any[]) => any) | undefined;
         "onBefore-hide"?: ((...args: any[]) => any) | undefined;
         onShow?: ((...args: any[]) => any) | undefined;
@@ -1890,7 +1890,7 @@ export declare const VftSelectV2: SFCWithInstall<import("vue").DefineComponent<{
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "clear" | "remove-tag" | "visible-change" | "focus" | "blur")[], "update:modelValue" | "change" | "clear" | "remove-tag" | "visible-change" | "focus" | "blur", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     allowCreate: BooleanConstructor;
     autocomplete: {
-        type: import("vue").PropType<"none" | "both" | "list" | "inline">;
+        type: import("vue").PropType<"inline" | "none" | "list" | "both">;
         default: string;
     };
     automaticDropdown: BooleanConstructor;
@@ -2001,7 +2001,7 @@ export declare const VftSelectV2: SFCWithInstall<import("vue").DefineComponent<{
     disabled: boolean;
     placement: import("@popperjs/core").Placement;
     allowCreate: boolean;
-    autocomplete: "none" | "both" | "list" | "inline";
+    autocomplete: "inline" | "none" | "list" | "both";
     automaticDropdown: boolean;
     clearable: boolean;
     effect: string;

package/lib/components/select-v2/select.vue.d.ts

@@ -1,7 +1,7 @@
 declare const _sfc_main: import("vue").DefineComponent<{
     allowCreate: BooleanConstructor;
     autocomplete: {
-        type: import("vue").PropType<"none" | "both" | "list" | "inline">;
+        type: import("vue").PropType<"inline" | "none" | "list" | "both">;
         default: string;
     };
     automaticDropdown: BooleanConstructor;
@@ -385,8 +385,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
                 required: false;
             };
         }>> & {
-            onClose?: ((...args: any[]) => any) | undefined;
             onOpen?: ((...args: any[]) => any) | undefined;
+            onClose?: ((...args: any[]) => any) | undefined;
             "onBefore-show"?: ((...args: any[]) => any) | undefined;
             "onBefore-hide"?: ((...args: any[]) => any) | undefined;
             onShow?: ((...args: any[]) => any) | undefined;
@@ -403,7 +403,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $emit: (event: "close" | "open" | "before-show" | "before-hide" | "show" | "hide", ...args: any[]) => void;
+        $emit: (event: "open" | "close" | "before-show" | "before-hide" | "show" | "hide", ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             role: {
@@ -595,8 +595,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
                 required: false;
             };
         }>> & {
-            onClose?: ((...args: any[]) => any) | undefined;
             onOpen?: ((...args: any[]) => any) | undefined;
+            onClose?: ((...args: any[]) => any) | undefined;
             "onBefore-show"?: ((...args: any[]) => any) | undefined;
             "onBefore-hide"?: ((...args: any[]) => any) | undefined;
             onShow?: ((...args: any[]) => any) | undefined;
@@ -609,7 +609,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
             onOpen: (event?: Event | undefined) => void;
             onClose: (event?: Event | undefined) => void;
             hide: (event?: Event | undefined) => void;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "open" | "before-show" | "before-hide" | "show" | "hide")[], string, {}, {}, string> & {
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "close" | "before-show" | "before-hide" | "show" | "hide")[], string, {}, {}, string> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
             beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -819,8 +819,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
             required: false;
         };
     }>> & {
-        onClose?: ((...args: any[]) => any) | undefined;
         onOpen?: ((...args: any[]) => any) | undefined;
+        onClose?: ((...args: any[]) => any) | undefined;
         "onBefore-show"?: ((...args: any[]) => any) | undefined;
         "onBefore-hide"?: ((...args: any[]) => any) | undefined;
         onShow?: ((...args: any[]) => any) | undefined;
@@ -877,7 +877,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "clear" | "remove-tag" | "visible-change" | "focus" | "blur")[], "update:modelValue" | "change" | "clear" | "remove-tag" | "visible-change" | "focus" | "blur", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     allowCreate: BooleanConstructor;
     autocomplete: {
-        type: import("vue").PropType<"none" | "both" | "list" | "inline">;
+        type: import("vue").PropType<"inline" | "none" | "list" | "both">;
         default: string;
     };
     automaticDropdown: BooleanConstructor;
@@ -988,7 +988,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     disabled: boolean;
     placement: import("@popperjs/core").Placement;
     allowCreate: boolean;
-    autocomplete: "none" | "both" | "list" | "inline";
+    autocomplete: "inline" | "none" | "list" | "both";
     automaticDropdown: boolean;
     clearable: boolean;
     effect: string;

package/lib/components/select-v2/useSelect.d.ts

@@ -289,8 +289,8 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
                 required: false;
             };
         }>> & {
-            onClose?: ((...args: any[]) => any) | undefined;
             onOpen?: ((...args: any[]) => any) | undefined;
+            onClose?: ((...args: any[]) => any) | undefined;
             "onBefore-show"?: ((...args: any[]) => any) | undefined;
             "onBefore-hide"?: ((...args: any[]) => any) | undefined;
             onShow?: ((...args: any[]) => any) | undefined;
@@ -307,7 +307,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $emit: (event: "close" | "open" | "before-show" | "before-hide" | "show" | "hide", ...args: any[]) => void;
+        $emit: (event: "open" | "close" | "before-show" | "before-hide" | "show" | "hide", ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<ExtractPropTypes<{
             role: {
@@ -499,8 +499,8 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
                 required: false;
             };
         }>> & {
-            onClose?: ((...args: any[]) => any) | undefined;
             onOpen?: ((...args: any[]) => any) | undefined;
+            onClose?: ((...args: any[]) => any) | undefined;
             "onBefore-show"?: ((...args: any[]) => any) | undefined;
             "onBefore-hide"?: ((...args: any[]) => any) | undefined;
             onShow?: ((...args: any[]) => any) | undefined;
@@ -513,7 +513,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
             onOpen: (event?: Event | undefined) => void;
             onClose: (event?: Event | undefined) => void;
             hide: (event?: Event | undefined) => void;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "open" | "before-show" | "before-hide" | "show" | "hide")[], string, {}, {}, string> & {
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "close" | "before-show" | "before-hide" | "show" | "hide")[], string, {}, {}, string> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
             beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -723,8 +723,8 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
             required: false;
         };
     }>> & {
-        onClose?: ((...args: any[]) => any) | undefined;
         onOpen?: ((...args: any[]) => any) | undefined;
+        onClose?: ((...args: any[]) => any) | undefined;
         "onBefore-show"?: ((...args: any[]) => any) | undefined;
         "onBefore-hide"?: ((...args: any[]) => any) | undefined;
         onShow?: ((...args: any[]) => any) | undefined;

package/lib/components/side-menu/index.d.ts

@@ -30,6 +30,7 @@ export declare const VftSideMenu: import("vft/es/utils").SFCWithInstall<import("
             title?: string | undefined;
             index?: string | number | undefined;
             icon?: string | undefined;
+            disabled?: string | undefined;
         } | undefined>;
         required: false;
     };
@@ -49,11 +50,29 @@ export declare const VftSideMenu: import("vft/es/utils").SFCWithInstall<import("
         type: import("vue").PropType<any>;
         required: false;
     };
+    dragWidth: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
     useMenuSelect: {
         type: import("vue").PropType<boolean | undefined>;
         required: false;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:collapse" | "dragEnd" | "select")[], "update:collapse" | "dragEnd" | "select", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    openListenRoute: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    openDisabled: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    defaultOpeneds: {
+        type: import("vue").PropType<(string | number)[] | undefined>;
+        required: false;
+    };
+}, {
+    sideRef: import("vue").Ref<any>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:collapse" | "dragEnd" | "select" | "dragWidthEnd")[], "update:collapse" | "dragEnd" | "select" | "dragWidthEnd", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     menus: {
         type: import("vue").PropType<import("@vft/router").MenuType[]>;
         required: true;
@@ -85,6 +104,7 @@ export declare const VftSideMenu: import("vft/es/utils").SFCWithInstall<import("
             title?: string | undefined;
             index?: string | number | undefined;
             icon?: string | undefined;
+            disabled?: string | undefined;
         } | undefined>;
         required: false;
     };
@@ -104,14 +124,31 @@ export declare const VftSideMenu: import("vft/es/utils").SFCWithInstall<import("
         type: import("vue").PropType<any>;
         required: false;
     };
+    dragWidth: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
     useMenuSelect: {
         type: import("vue").PropType<boolean | undefined>;
         required: false;
     };
+    openListenRoute: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    openDisabled: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    defaultOpeneds: {
+        type: import("vue").PropType<(string | number)[] | undefined>;
+        required: false;
+    };
 }>> & {
     "onUpdate:collapse"?: ((...args: any[]) => any) | undefined;
     onDragEnd?: ((...args: any[]) => any) | undefined;
     onSelect?: ((...args: any[]) => any) | undefined;
+    onDragWidthEnd?: ((...args: any[]) => any) | undefined;
 }, {}>> & Record<string, any>;
 export default VftSideMenu;
 export * from './types';

package/lib/components/side-menu/side-menu.vue.d.ts

@@ -32,6 +32,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
             title?: string | undefined;
             index?: string | number | undefined;
             icon?: string | undefined;
+            disabled?: string | undefined;
         } | undefined>;
         required: false;
     };
@@ -51,11 +52,29 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: __PropType<any>;
         required: false;
     };
+    dragWidth: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
     useMenuSelect: {
         type: __PropType<boolean | undefined>;
         required: false;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:collapse" | "dragEnd" | "select")[], "update:collapse" | "dragEnd" | "select", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    openListenRoute: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    openDisabled: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    defaultOpeneds: {
+        type: __PropType<(string | number)[] | undefined>;
+        required: false;
+    };
+}, {
+    sideRef: import("vue").Ref<any>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:collapse" | "dragEnd" | "select" | "dragWidthEnd")[], "update:collapse" | "dragEnd" | "select" | "dragWidthEnd", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     menus: {
         type: __PropType<MenuType[]>;
         required: true;
@@ -87,6 +106,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
             title?: string | undefined;
             index?: string | number | undefined;
             icon?: string | undefined;
+            disabled?: string | undefined;
         } | undefined>;
         required: false;
     };
@@ -106,13 +126,30 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: __PropType<any>;
         required: false;
     };
+    dragWidth: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
     useMenuSelect: {
         type: __PropType<boolean | undefined>;
         required: false;
     };
+    openListenRoute: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    openDisabled: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    defaultOpeneds: {
+        type: __PropType<(string | number)[] | undefined>;
+        required: false;
+    };
 }>> & {
     "onUpdate:collapse"?: ((...args: any[]) => any) | undefined;
     onDragEnd?: ((...args: any[]) => any) | undefined;
     onSelect?: ((...args: any[]) => any) | undefined;
+    onDragWidthEnd?: ((...args: any[]) => any) | undefined;
 }, {}>;
 export default _sfc_main;

package/lib/components/side-menu/side-menu.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("vue"),M=require("@vft/router"),A=require("@vft/use"),p=require("@vft/utils"),H=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");const R=require("../../utils/ns-cover.cjs");require("@vue/reactivity");require("@vue/shared");require("../divider/index.cjs");const U=require("../icon/index.cjs");require("../avatar/index.cjs");require("../empty/index.cjs");require("../result/index.cjs");require("../tabs/index.cjs");require("../popper/index.cjs");require("../collapse-transition/index.cjs");require("../tooltip/index.cjs");require("../popover/index.cjs");const f=require("../menu/index.cjs");require("../context-menu/context-menu.vue2.cjs");require("../multiple-tabs/multiple-tabs.vue2.cjs");require("@vft/store");const $=require("vue-router");require("../header-layout/index.cjs");require("../footer-layout/index.cjs");require("../iframe-layout/index.cjs");require("../router-view-content/index.cjs");require("../logo/index.cjs");require("../back-top/index.cjs");require("../config-provider/index.cjs");require("../descriptions/index.cjs");require("../full-screen/index.cjs");require("../icon-text/index.cjs");require("../image/index.cjs");require("../input/index.cjs");require("../link/index.cjs");require("../pagination/index.cjs");require("../tag/index.cjs");require("./index.cjs");require("../qrcode/index.cjs");require("../overlay/index.cjs");require("../clamp/index.cjs");require("../clamp-toggle/index.cjs");require("../page-wrapper/index.cjs");require("../exception/index.cjs");require("../search/index.cjs");require("../form/index.cjs");require("../button/index.cjs");require("../checkbox/index.cjs");require("../radio/index.cjs");require("../switch/index.cjs");require("../color-picker/index.cjs");require("../scrollbar/index.cjs");require("../dropdown/index.cjs");require("../virtual-list/components/fixed-size-list.cjs");require("../virtual-list/components/dynamic-size-list.cjs");require("../virtual-list/components/fixed-size-grid.cjs");require("../virtual-list/components/dynamic-size-grid.cjs");require("../virtual-list/props.cjs");require("../select-v2/index.cjs");require("../verify-code/index.cjs");require("../table/index.cjs");require("../image-viewer/index.cjs");require("../md-container/index.cjs");require("../md-comment/index.cjs");require("../md-tabs/index.cjs");require("../md-vue-playground/index.cjs");require("../md-code-demo/index.cjs");require("../md-code-tabs/index.cjs");require("../message/index.cjs");const l=H.useNamespace("side-menu"),P=u.defineComponent({name:l.b()}),E=u.defineComponent({...P,props:{menus:null,uniqueOpened:{type:Boolean,default:!0},collapse:{type:Boolean,default:!1},defaultActive:null,width:null,collapseWidth:{default:50},attrMapping:null,extraHeight:{default:100},menuTopBottomHeight:{default:40},showCollapse:{type:Boolean,default:!1},dragOption:null,useMenuSelect:{type:Boolean,default:!0}},emits:["update:collapse","dragEnd","select"],setup(t,{emit:h}){const q=u.useSlots(),v=u.ref(),a=u.computed(()=>({path:"path",children:"children",title:"title",index:"path",icon:"icon",...t.attrMapping}));M.listenerRouteChange(e=>{!e||e.meta.hideSide||(v.value=e.path)});const x=(e,o)=>{const n=e[a.value.path],c=e[a.value.title],i=e==null?void 0:e[a.value.children],s=e==null?void 0:e[a.value.index],d=e==null?void 0:e[a.value.icon];return i!=null&&i.length?u.h(f.VftSubMenu,{popperAppendToBody:!0,key:s||n,index:s||n,title:c,icon:d,popperClass:l.e("popper")},{default:()=>i==null?void 0:i.map((r,k)=>{var m;const g=r[a.value.path],y=r[a.value.index],w=r[a.value.icon],B=r[a.value.title];return(m=r==null?void 0:r[a.value.children])!=null&&m.length?x(r,k):u.h(f.VftMenuItem,{key:y||g,index:y||g,route:g,icon:w,title:B,disabled:r.disabled})})}):u.h(f.VftMenuItem,{key:s||n,index:s||n,title:c,route:n,icon:d,disabled:e.disabled},q.menuItem?()=>{var r;return(r=q.menuItem)==null?void 0:r.call(q,{item:e,index:o})}:"")},O=u.computed(()=>{var e,o;return u.h(f.VftMenu,{onSelect:t.useMenuSelect?b:()=>{},defaultActive:t.defaultActive||v.value,class:[l.e("con"),(e=t.dragOption)!=null&&e.dragClassName?l.e((o=t.dragOption)==null?void 0:o.dragClassName):""],style:{height:`calc(100% - ${t.menuTopBottomHeight}px)`},uniqueOpened:t.uniqueOpened,collapse:t.collapse,"collapse-transition":!1},()=>t.menus.map((n,c)=>x(n,c)))}),{go:C}=M.useRouterHelper(),S=$.useRouter();async function b(e){var i,s,d;const o=e.route;let n=e.route;e.indexPath.some(r=>p.isUrl(r))&&(n=e.indexPath.slice(-2).join("/"));const c=(d=(s=(i=S.getRoutes().filter(r=>r.path===n))==null?void 0:i[0])==null?void 0:s.meta)==null?void 0:d.linkTarget;C(c?{url:o,winOpenOpt:{target:c}}:o),h("select",e)}const N=u.computed(()=>({...R.generateCssVars({width:t.collapse?p.addUnit(t.collapseWidth):p.addUnit(t.width)},"side-menu"),height:`calc(100% - ${t.extraHeight}px)`})),V=u.computed(()=>[l.b(),l.m("fixed")]);function T(){h("update:collapse",!t.collapse)}return u.onMounted(()=>{u.nextTick(()=>{var e,o,n;if((e=t.dragOption)!=null&&e.dragClassName){const c=(n=document.querySelectorAll("."+l.e((o=t.dragOption)==null?void 0:o.dragClassName)))==null?void 0:n[0],{initSortable:i}=A.useSortable(c,{draggable:".vft-menu-item",onEnd:s=>{const{oldIndex:d,newIndex:r}=s;p.isNullOrUndefined(d)||p.isNullOrUndefined(r)||d===r||h("dragEnd",d,r)},...t.dragOption});i()}})}),()=>u.createVNode("div",{class:V.value,style:N.value},[q.top?u.createVNode("div",{class:l.e("top")},[q.top()]):null,O.value,q.bottom?u.createVNode("div",{class:l.e("bottom")},[q.bottom()]):t.showCollapse?u.createVNode("div",{onClick:T,class:[l.e("bottom"),l.e("collapse")]},[u.createVNode(U.VftIcon,{style:{transform:t.collapse?"rotateY(180deg)":""},size:20,icon:"ico-iconoir:sidebar-collapse"},null)]):null])}});exports.default=E;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),N=require("@vft/router"),j=require("@vft/use"),g=require("@vft/utils"),z=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");const B=require("../../utils/ns-cover.cjs");require("@vue/reactivity");require("@vue/shared");require("../divider/index.cjs");const Y=require("../icon/index.cjs");require("../avatar/index.cjs");require("../empty/index.cjs");require("../result/index.cjs");require("../tabs/index.cjs");require("../popper/index.cjs");require("../collapse-transition/index.cjs");require("../tooltip/index.cjs");require("../popover/index.cjs");const p=require("../menu/index.cjs");require("../context-menu/context-menu.vue2.cjs");require("../multiple-tabs/multiple-tabs.vue2.cjs");require("@vft/store");const F=require("vue-router");require("../header-layout/index.cjs");require("../footer-layout/index.cjs");require("../iframe-layout/index.cjs");require("../router-view-content/index.cjs");require("../logo/index.cjs");require("../back-top/index.cjs");require("../config-provider/index.cjs");require("../descriptions/index.cjs");require("../full-screen/index.cjs");require("../icon-text/index.cjs");require("../image/index.cjs");require("../input/index.cjs");require("../link/index.cjs");require("../pagination/index.cjs");require("../tag/index.cjs");require("./index.cjs");require("../qrcode/index.cjs");require("../overlay/index.cjs");require("../clamp/index.cjs");require("../clamp-toggle/index.cjs");require("../page-wrapper/index.cjs");require("../exception/index.cjs");require("../search/index.cjs");require("../form/index.cjs");require("../button/index.cjs");require("../checkbox/index.cjs");require("../radio/index.cjs");require("../switch/index.cjs");require("../color-picker/index.cjs");require("../scrollbar/index.cjs");require("../dropdown/index.cjs");require("../virtual-list/components/fixed-size-list.cjs");require("../virtual-list/components/dynamic-size-list.cjs");require("../virtual-list/components/fixed-size-grid.cjs");require("../virtual-list/components/dynamic-size-grid.cjs");require("../virtual-list/props.cjs");require("../select-v2/index.cjs");require("../verify-code/index.cjs");require("../table/index.cjs");require("../image-viewer/index.cjs");require("../list-cell/index.cjs");require("../dialog/index.cjs");require("../md-container/index.cjs");require("../md-comment/index.cjs");require("../md-tabs/index.cjs");require("../md-vue-playground/index.cjs");require("../md-code-demo/index.cjs");require("../md-code-tabs/index.cjs");require("../message/index.cjs");const G=require("./use-drag-line.cjs"),a=z.useNamespace("side-menu"),I=t.defineComponent({name:a.b()}),J=t.defineComponent({...I,props:{menus:null,uniqueOpened:{type:Boolean,default:!0},collapse:{type:Boolean,default:!1},defaultActive:null,width:null,collapseWidth:{default:50},attrMapping:null,extraHeight:{default:100},menuTopBottomHeight:{default:40},showCollapse:{type:Boolean,default:!1},dragOption:null,dragWidth:{type:Boolean,default:!0},useMenuSelect:{type:Boolean,default:!0},openListenRoute:{type:Boolean,default:!1},openDisabled:{type:Boolean},defaultOpeneds:null},emits:["update:collapse","dragEnd","select","dragWidthEnd"],setup(r,{expose:R,emit:v}){const f=t.useSlots(),y=t.ref(),l=t.computed(()=>({path:"path",children:"children",title:"title",index:"path",icon:"icon",disabled:"disabled",...r.attrMapping}));N.listenerRouteChange(e=>{var u;!e||(u=e.meta)!=null&&u.hideSide&&!r.openListenRoute||(y.value=e.path)});const C=(e,u)=>{const n=e[l.value.path],d=e[l.value.title],o=e==null?void 0:e[l.value.children],s=e==null?void 0:e[l.value.index],c=e==null?void 0:e[l.value.icon],q=!(e!=null&&e[l.value.disabled]);return o!=null&&o.length?t.h(p.VftSubMenu,{popperAppendToBody:!0,key:s||n,index:s||n,title:d,icon:c,popperClass:a.e("popper")},{default:()=>o==null?void 0:o.map((i,$)=>{var V;const x=i[l.value.path],S=i[l.value.index],E=i[l.value.icon],L=i[l.value.title],P=i[l.value.disabled];return(V=i==null?void 0:i[l.value.children])!=null&&V.length?C(i,$):t.h(p.VftMenuItem,{key:S||x,index:S||x,route:x,icon:E,title:L,disabled:r.openDisabled&&P})})}):t.h(p.VftMenuItem,{key:s||n,index:s||n,title:d,route:n,icon:c,disabled:r.openDisabled&&q},f.menuItem?()=>{var i;return(i=f.menuItem)==null?void 0:i.call(f,{item:e,index:u})}:"")},W=t.computed(()=>{var e,u;return t.h(p.VftMenu,{onSelect:r.useMenuSelect?T:()=>{},defaultActive:r.defaultActive||y.value,defaultOpeneds:r.defaultOpeneds,class:[a.e("con"),(e=r.dragOption)!=null&&e.dragClassName?a.e((u=r.dragOption)==null?void 0:u.dragClassName):""],style:{height:`calc(100% - ${r.menuTopBottomHeight}px)`},uniqueOpened:r.uniqueOpened,collapse:r.collapse,"collapse-transition":!1},()=>r.menus.map((n,d)=>C(n,d)))}),{go:O}=N.useRouterHelper(),w=F.useRouter();async function T(e){var o,s,c;const u=e.route;let n=e.route;e.indexPath.some(q=>g.isUrl(q))&&(n=e.indexPath.slice(-2).join("/"));const d=(c=(s=(o=w.getRoutes().filter(q=>q.path===n))==null?void 0:o[0])==null?void 0:s.meta)==null?void 0:c.linkTarget;O(d?{url:u,winOpenOpt:{target:d}}:u),v("select",e)}const b=t.ref(),k=t.computed(()=>({...B.generateCssVars({width:r.collapse?g.addUnit(r.collapseWidth):b.value?g.addUnit(b.value):g.addUnit(r.width)},"side-menu"),height:`calc(100% - ${r.extraHeight}px)`})),D=t.computed(()=>[a.b(),a.m("fixed")]);t.onMounted(()=>{t.nextTick(()=>{var e,u,n;if((e=r.dragOption)!=null&&e.dragClassName){const d=(n=document.querySelectorAll("."+a.e((u=r.dragOption)==null?void 0:u.dragClassName)))==null?void 0:n[0],{initSortable:o}=j.useSortable(d,{draggable:".vft-menu-item",onEnd:s=>{const{oldIndex:c,newIndex:q}=s;g.isNullOrUndefined(c)||g.isNullOrUndefined(q)||c===q||v("dragEnd",c,q)},...r.dragOption});o()}})});const h=t.ref(),m=t.ref(),M=B.cssVarValue("side-menu-width",h),U=t.computed(()=>({left:M.value}));function A(){r.collapse||(b.value=M.value),v("update:collapse",!r.collapse)}const H=t.getCurrentInstance();return r.dragWidth&&G.useDragLine(h,m,t.computed(()=>g.removeUnit(r.collapseWidth)),H,r.collapse),R({sideRef:h}),()=>t.createVNode("div",{ref:h,class:D.value,style:k.value},[f.top?t.createVNode("div",{class:a.e("top")},[f.top()]):null,W.value,f.bottom?t.createVNode("div",{class:a.e("bottom")},[f.bottom()]):r.showCollapse?t.createVNode("div",{onClick:A,class:[a.e("bottom"),a.e("collapse")]},[t.createVNode(Y.VftIcon,{style:{transform:r.collapse?"rotateY(180deg)":""},size:20,icon:"ico-iconoir:sidebar-collapse"},null)]):null,r.dragWidth?t.createVNode("div",{ref:m,style:U.value,class:a.e("drag-bar")},null):null])}});exports.default=J;

package/lib/components/side-menu/use-drag-line.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("@vft/utils"),r=require("vue");require("lodash");require("@vueuse/core");const g=require("../../utils/ns-cover.cjs"),q=require("@vft/use");function y(i,c,d,l,m){r.onMounted(()=>{r.nextTick(()=>{q.useDebounceFn(h,100)()})});function s(t){var n;const u=r.unref(t);return u?Reflect.has(u,"$el")?(n=r.unref(t))==null?void 0:n.$el:r.unref(t):null}function p(t,u,n){document.onmousemove=function(o){let e=t.left+(o.clientX-n);o=o||window.event;const a=800,f=r.unref(d);return e<0&&(e=0),e>a&&(e=a),e<f&&(e=f,l.emit("update:collapse",!m)),t.style.left=e+"px",!1}}function w(t){const u=s(c),n=s(i);document.onmouseup=function(){var e;document.onmousemove=null,document.onmouseup=null,n.style.transition="width 0.2s";const o=parseInt(u.style.left);g.setCssVar("side-menu-width",v.addUnit(o),"",i),l.emit("dragWidthEnd"),(e=t.releaseCapture)==null||e.call(t)}}function h(){const t=s(c);if(!t)return;const u=s(i);u&&(t.onmousedown=n=>{var e;u.style.transition="unset";const o=n==null?void 0:n.clientX;return t.left=t.offsetLeft,p(t,u,o),w(t),(e=t.setCapture)==null||e.call(t),!1})}return{}}exports.useDragLine=y;

package/lib/components/side-menu/use-drag-line.d.ts

@@ -0,0 +1,10 @@
+import { type Ref } from 'vue';
+/**
+ * Handle menu drag and drop related operations
+ * @param siderRef
+ * @param dragBarRef
+ * @param minWidth
+ * @param instance
+ * @param collapse
+ */
+export declare function useDragLine(siderRef: Ref<any>, dragBarRef: Ref<any>, minWidth: any, instance: any, collapse: any): {};

package/lib/components/switch/index.d.ts

@@ -193,9 +193,9 @@ export declare const VftSwitch: import("vft/es/utils").SFCWithInstall<import("vu
     onInput?: ((...args: any[]) => any) | undefined;
 }, {
     loading: boolean | undefined;
+    modelValue: string | number | boolean | undefined;
     disabled: boolean | undefined;
     value: string | number | boolean | undefined;
-    modelValue: string | number | boolean | undefined;
     validateEvent: boolean | undefined;
     inlinePrompt: boolean | undefined;
     activeValue: string | number | boolean | undefined;

package/lib/components/switch/switch.vue.d.ts

@@ -225,9 +225,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
     onInput?: ((...args: any[]) => any) | undefined;
 }, {
     loading: boolean | undefined;
+    modelValue: string | number | boolean | undefined;
     disabled: boolean | undefined;
     value: string | number | boolean | undefined;
-    modelValue: string | number | boolean | undefined;
     validateEvent: boolean | undefined;
     inlinePrompt: boolean | undefined;
     activeValue: string | number | boolean | undefined;

package/lib/components/tabs/tab-nav.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),w=require("@vft/utils"),G=require("../../utils/error.cjs");require("lodash");const T=require("@vueuse/core");require("../../utils/ns-cover.cjs");require("../divider/index.cjs");const V=require("../icon/index.cjs");require("../avatar/index.cjs");require("../empty/index.cjs");require("../result/index.cjs");require("./index.cjs");require("../popper/index.cjs");require("../collapse-transition/index.cjs");require("../tooltip/index.cjs");require("../popover/index.cjs");require("../menu/index.cjs");require("../context-menu/context-menu.vue2.cjs");require("../multiple-tabs/multiple-tabs.vue2.cjs");require("@vft/router");require("@vft/store");require("@vft/use");require("vue-router");require("../header-layout/index.cjs");require("../footer-layout/index.cjs");require("../iframe-layout/index.cjs");require("../router-view-content/index.cjs");require("../logo/index.cjs");require("../back-top/index.cjs");require("../config-provider/index.cjs");require("../descriptions/index.cjs");require("../full-screen/index.cjs");require("../icon-text/index.cjs");require("../image/index.cjs");require("../input/index.cjs");require("../link/index.cjs");require("../pagination/index.cjs");require("../tag/index.cjs");require("../side-menu/index.cjs");require("../qrcode/index.cjs");require("../overlay/index.cjs");require("../clamp/index.cjs");require("../clamp-toggle/index.cjs");require("../page-wrapper/index.cjs");require("../exception/index.cjs");require("../search/index.cjs");require("../form/index.cjs");require("../button/index.cjs");require("../checkbox/index.cjs");require("../radio/index.cjs");require("../switch/index.cjs");require("../color-picker/index.cjs");require("../scrollbar/index.cjs");require("../dropdown/index.cjs");require("../virtual-list/components/fixed-size-list.cjs");require("../virtual-list/components/dynamic-size-list.cjs");require("../virtual-list/components/fixed-size-grid.cjs");require("../virtual-list/components/dynamic-size-grid.cjs");require("../virtual-list/props.cjs");require("../select-v2/index.cjs");require("../verify-code/index.cjs");require("../table/index.cjs");require("../image-viewer/index.cjs");require("../md-container/index.cjs");require("../md-comment/index.cjs");require("../md-tabs/index.cjs");require("../md-vue-playground/index.cjs");require("../md-code-demo/index.cjs");require("../md-code-tabs/index.cjs");require("../message/index.cjs");const R=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");require("@vue/reactivity");require("@vue/shared");const x=require("@vft/constants"),J=require("./types.cjs"),Q=require("./tab-bar.vue2.cjs"),P=R.useNamespace("tab-nav"),Z=t.defineComponent({name:P.b()}),_=t.defineComponent({...Z,props:{panes:null,editable:{type:Boolean},addable:{type:Boolean},stretch:{type:Boolean},showBar:{type:Boolean,default:!1},closeIconCfg:null,addIconCfg:null,arrowLeftIconCfg:null,arrowRightIconCfg:null},emits:["tabClick","tabRemove","tabAdd","tabContextmenu"],setup(n,{expose:A,emit:m}){var z;const D=t.getCurrentInstance(),b=t.inject(J.TabsRootContextKey);b||G.throwError(P.b(),"<vft-tabs><tab-nav /></vft-tabs>");const o=R.useNamespace("tabs"),F=T.useDocumentVisibility(),L=T.useWindowFocus(),N=t.ref(),q=t.ref(),C=t.ref(),f=t.ref(!1),d=t.ref(0),y=t.ref(!1),p=t.ref(!0),h=t.computed(()=>["top","bottom"].includes(b.props.tabPosition)?"width":"height"),M=t.computed(()=>({transform:`translate${h.value==="width"?"X":"Y"}(-${d.value}px)`})),K=()=>{if(!q.value)return;const r=q.value[`offset${w.capitalize(h.value)}`],e=d.value;e&&(d.value=e>r?e-r:0)},j=()=>{if(!q.value||!C.value)return;const r=C.value[`offset${w.capitalize(h.value)}`],e=q.value[`offset${w.capitalize(h.value)}`],i=d.value;r-i<=e||(d.value=r-i>e*2?i+e:r-e)},$=async()=>{const r=C.value;if(!f.value||!N.value||!q.value||!r)return;await t.nextTick();const e=N.value.querySelector(".is-active");if(!e)return;const i=q.value,g=["top","bottom"].includes(b.props.tabPosition),l=e.getBoundingClientRect(),a=i.getBoundingClientRect(),c=g?r.offsetWidth-a.width:r.offsetHeight-a.height,s=d.value;let u=s;g?(l.left<a.left&&(u=s-(a.left-l.left)),l.right>a.right&&(u=s+l.right-a.right)):(l.top<a.top&&(u=s-(a.top-l.top)),l.bottom>a.bottom&&(u=s+(l.bottom-a.bottom))),u=Math.max(u,0),d.value=Math.min(u,c)},B=()=>{if(!C.value||!q.value)return;const r=C.value[`offset${w.capitalize(h.value)}`],e=q.value[`offset${w.capitalize(h.value)}`],i=d.value;e<r?(f.value=f.value||{},f.value.prev=i,f.value.next=i+e<r,r-i<e&&(d.value=r-e)):(f.value=!1,i>0&&(d.value=0))},H=r=>{const e=r.code,{up:i,down:g,left:l,right:a}=x.EVENT_CODE;if(![i,g,l,a].includes(e))return;const c=Array.from(r.currentTarget.querySelectorAll("[role=tab]:not(.is-disabled)")),s=c.indexOf(r.target);let u;e===l||e===i?s===0?u=c.length-1:u=s-1:s<c.length-1?u=s+1:u=0,c[u].focus(),c[u].click(),O()},O=()=>{p.value&&(y.value=!0)},I=()=>y.value=!1;t.watch(F,r=>{r==="hidden"?p.value=!1:r==="visible"&&setTimeout(()=>p.value=!0,50)}),t.watch(L,r=>{r?setTimeout(()=>p.value=!0,50):p.value=!1}),T.useResizeObserver(N,B),t.onMounted(()=>setTimeout(()=>$(),0)),t.onUpdated(()=>B()),A({scrollToActiveTab:$,removeFocus:I}),t.watch(()=>n.panes,()=>D.update(),{flush:"post"});const W=t.computed(()=>{var r,e;return f.value?[t.createVNode("span",{class:[o.e("nav-prev"),o.is("disabled",!f.value.prev)],onClick:K},[(r=n.arrowLeftIconCfg)!=null&&r.icon?t.createVNode(V.VftIcon,n.arrowLeftIconCfg,null):null]),t.createVNode("span",{class:[o.e("nav-next"),o.is("disabled",!f.value.next)],onClick:j},[(e=n.arrowRightIconCfg)!=null&&e.icon?t.createVNode(V.VftIcon,n.arrowRightIconCfg,null):null])]:null}),U=t.computed(()=>{var r;return(r=n.panes)==null?void 0:r.map((e,i)=>{var E,S,k;const g=e.uid,l=e.props.disabled,a=e.props.name??e.index??`${i}`,c=!l&&(e.isClosable||n.editable);e.index=`${i}`;const s=c?t.createVNode("span",{class:"is-icon-close",onClick:v=>m("tabRemove",e,v)},[(E=n.closeIconCfg)!=null&&E.icon?t.createVNode(V.VftIcon,n.closeIconCfg,null):null]):null,u=((k=(S=e.slots).label)==null?void 0:k.call(S))||e.props.label,Y=!l&&e.active?0:-1;return t.createVNode("div",{ref:`tab-${g}`,class:[o.e("item"),o.is(b.props.tabPosition),o.is("active",e.active),o.is("disabled",l),o.is("closable",c),o.is("focus",y.value)],id:`tab-${a}`,key:`tab-${g}`,"aria-controls":`pane-${a}`,role:"tab","aria-selected":e.active,tabindex:Y,onFocus:()=>O(),onBlur:()=>I(),onClick:v=>{I(),m("tabClick",e,a,v)},onContextmenu:v=>{v.preventDefault(),m("tabContextmenu",{pane:e,index:i,event:v})},onKeydown:v=>{c&&(v.code===x.EVENT_CODE.delete||v.code===x.EVENT_CODE.backspace)&&m("tabRemove",e,v)}},[u,s])})}),X=n.editable||n.addable?t.createVNode("span",{class:o.e("new-tab"),tabindex:"0",onClick:()=>m("tabAdd"),onKeydown:r=>{r.code===x.EVENT_CODE.enter&&m("tabAdd")}},[(z=n.addIconCfg)!=null&&z.icon?t.createVNode(V.VftIcon,n.addIconCfg,null):null]):null;return()=>t.createVNode("div",{ref:N,class:[o.e("nav-wrap"),o.is("scrollable",!!f.value),o.is(b.props.tabPosition)]},[W.value,t.createVNode("div",{class:o.e("nav-scroll"),ref:q},[t.createVNode("div",{class:[o.e("nav"),o.is(b.props.tabPosition),o.is("stretch",n.stretch&&["top","bottom"].includes(b.props.tabPosition))],ref:C,style:M.value,role:"tablist",onKeydown:H},[n.showBar?t.createVNode(Q.default,{tabs:[...n.panes]},null):null,U.value]),X])])}});exports.default=_;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),w=require("@vft/utils"),G=require("../../utils/error.cjs");require("lodash");const T=require("@vueuse/core");require("../../utils/ns-cover.cjs");require("../divider/index.cjs");const V=require("../icon/index.cjs");require("../avatar/index.cjs");require("../empty/index.cjs");require("../result/index.cjs");require("./index.cjs");require("../popper/index.cjs");require("../collapse-transition/index.cjs");require("../tooltip/index.cjs");require("../popover/index.cjs");require("../menu/index.cjs");require("../context-menu/context-menu.vue2.cjs");require("../multiple-tabs/multiple-tabs.vue2.cjs");require("@vft/router");require("@vft/store");require("@vft/use");require("vue-router");require("../header-layout/index.cjs");require("../footer-layout/index.cjs");require("../iframe-layout/index.cjs");require("../router-view-content/index.cjs");require("../logo/index.cjs");require("../back-top/index.cjs");require("../config-provider/index.cjs");require("../descriptions/index.cjs");require("../full-screen/index.cjs");require("../icon-text/index.cjs");require("../image/index.cjs");require("../input/index.cjs");require("../link/index.cjs");require("../pagination/index.cjs");require("../tag/index.cjs");require("../side-menu/index.cjs");require("../qrcode/index.cjs");require("../overlay/index.cjs");require("../clamp/index.cjs");require("../clamp-toggle/index.cjs");require("../page-wrapper/index.cjs");require("../exception/index.cjs");require("../search/index.cjs");require("../form/index.cjs");require("../button/index.cjs");require("../checkbox/index.cjs");require("../radio/index.cjs");require("../switch/index.cjs");require("../color-picker/index.cjs");require("../scrollbar/index.cjs");require("../dropdown/index.cjs");require("../virtual-list/components/fixed-size-list.cjs");require("../virtual-list/components/dynamic-size-list.cjs");require("../virtual-list/components/fixed-size-grid.cjs");require("../virtual-list/components/dynamic-size-grid.cjs");require("../virtual-list/props.cjs");require("../select-v2/index.cjs");require("../verify-code/index.cjs");require("../table/index.cjs");require("../image-viewer/index.cjs");require("../list-cell/index.cjs");require("../dialog/index.cjs");require("../md-container/index.cjs");require("../md-comment/index.cjs");require("../md-tabs/index.cjs");require("../md-vue-playground/index.cjs");require("../md-code-demo/index.cjs");require("../md-code-tabs/index.cjs");require("../message/index.cjs");const R=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");require("@vue/reactivity");require("@vue/shared");const x=require("@vft/constants"),J=require("./types.cjs"),Q=require("./tab-bar.vue2.cjs"),P=R.useNamespace("tab-nav"),Z=t.defineComponent({name:P.b()}),_=t.defineComponent({...Z,props:{panes:null,editable:{type:Boolean},addable:{type:Boolean},stretch:{type:Boolean},showBar:{type:Boolean,default:!1},closeIconCfg:null,addIconCfg:null,arrowLeftIconCfg:null,arrowRightIconCfg:null},emits:["tabClick","tabRemove","tabAdd","tabContextmenu"],setup(n,{expose:A,emit:m}){var z;const D=t.getCurrentInstance(),b=t.inject(J.TabsRootContextKey);b||G.throwError(P.b(),"<vft-tabs><tab-nav /></vft-tabs>");const o=R.useNamespace("tabs"),F=T.useDocumentVisibility(),L=T.useWindowFocus(),N=t.ref(),q=t.ref(),C=t.ref(),f=t.ref(!1),d=t.ref(0),y=t.ref(!1),p=t.ref(!0),h=t.computed(()=>["top","bottom"].includes(b.props.tabPosition)?"width":"height"),M=t.computed(()=>({transform:`translate${h.value==="width"?"X":"Y"}(-${d.value}px)`})),K=()=>{if(!q.value)return;const r=q.value[`offset${w.capitalize(h.value)}`],e=d.value;e&&(d.value=e>r?e-r:0)},j=()=>{if(!q.value||!C.value)return;const r=C.value[`offset${w.capitalize(h.value)}`],e=q.value[`offset${w.capitalize(h.value)}`],i=d.value;r-i<=e||(d.value=r-i>e*2?i+e:r-e)},$=async()=>{const r=C.value;if(!f.value||!N.value||!q.value||!r)return;await t.nextTick();const e=N.value.querySelector(".is-active");if(!e)return;const i=q.value,g=["top","bottom"].includes(b.props.tabPosition),l=e.getBoundingClientRect(),a=i.getBoundingClientRect(),c=g?r.offsetWidth-a.width:r.offsetHeight-a.height,s=d.value;let u=s;g?(l.left<a.left&&(u=s-(a.left-l.left)),l.right>a.right&&(u=s+l.right-a.right)):(l.top<a.top&&(u=s-(a.top-l.top)),l.bottom>a.bottom&&(u=s+(l.bottom-a.bottom))),u=Math.max(u,0),d.value=Math.min(u,c)},B=()=>{if(!C.value||!q.value)return;const r=C.value[`offset${w.capitalize(h.value)}`],e=q.value[`offset${w.capitalize(h.value)}`],i=d.value;e<r?(f.value=f.value||{},f.value.prev=i,f.value.next=i+e<r,r-i<e&&(d.value=r-e)):(f.value=!1,i>0&&(d.value=0))},H=r=>{const e=r.code,{up:i,down:g,left:l,right:a}=x.EVENT_CODE;if(![i,g,l,a].includes(e))return;const c=Array.from(r.currentTarget.querySelectorAll("[role=tab]:not(.is-disabled)")),s=c.indexOf(r.target);let u;e===l||e===i?s===0?u=c.length-1:u=s-1:s<c.length-1?u=s+1:u=0,c[u].focus(),c[u].click(),O()},O=()=>{p.value&&(y.value=!0)},I=()=>y.value=!1;t.watch(F,r=>{r==="hidden"?p.value=!1:r==="visible"&&setTimeout(()=>p.value=!0,50)}),t.watch(L,r=>{r?setTimeout(()=>p.value=!0,50):p.value=!1}),T.useResizeObserver(N,B),t.onMounted(()=>setTimeout(()=>$(),0)),t.onUpdated(()=>B()),A({scrollToActiveTab:$,removeFocus:I}),t.watch(()=>n.panes,()=>D.update(),{flush:"post"});const W=t.computed(()=>{var r,e;return f.value?[t.createVNode("span",{class:[o.e("nav-prev"),o.is("disabled",!f.value.prev)],onClick:K},[(r=n.arrowLeftIconCfg)!=null&&r.icon?t.createVNode(V.VftIcon,n.arrowLeftIconCfg,null):null]),t.createVNode("span",{class:[o.e("nav-next"),o.is("disabled",!f.value.next)],onClick:j},[(e=n.arrowRightIconCfg)!=null&&e.icon?t.createVNode(V.VftIcon,n.arrowRightIconCfg,null):null])]:null}),U=t.computed(()=>{var r;return(r=n.panes)==null?void 0:r.map((e,i)=>{var E,S,k;const g=e.uid,l=e.props.disabled,a=e.props.name??e.index??`${i}`,c=!l&&(e.isClosable||n.editable);e.index=`${i}`;const s=c?t.createVNode("span",{class:"is-icon-close",onClick:v=>m("tabRemove",e,v)},[(E=n.closeIconCfg)!=null&&E.icon?t.createVNode(V.VftIcon,n.closeIconCfg,null):null]):null,u=((k=(S=e.slots).label)==null?void 0:k.call(S))||e.props.label,Y=!l&&e.active?0:-1;return t.createVNode("div",{ref:`tab-${g}`,class:[o.e("item"),o.is(b.props.tabPosition),o.is("active",e.active),o.is("disabled",l),o.is("closable",c),o.is("focus",y.value)],id:`tab-${a}`,key:`tab-${g}`,"aria-controls":`pane-${a}`,role:"tab","aria-selected":e.active,tabindex:Y,onFocus:()=>O(),onBlur:()=>I(),onClick:v=>{I(),m("tabClick",e,a,v)},onContextmenu:v=>{v.preventDefault(),m("tabContextmenu",{pane:e,index:i,event:v})},onKeydown:v=>{c&&(v.code===x.EVENT_CODE.delete||v.code===x.EVENT_CODE.backspace)&&m("tabRemove",e,v)}},[u,s])})}),X=n.editable||n.addable?t.createVNode("span",{class:o.e("new-tab"),tabindex:"0",onClick:()=>m("tabAdd"),onKeydown:r=>{r.code===x.EVENT_CODE.enter&&m("tabAdd")}},[(z=n.addIconCfg)!=null&&z.icon?t.createVNode(V.VftIcon,n.addIconCfg,null):null]):null;return()=>t.createVNode("div",{ref:N,class:[o.e("nav-wrap"),o.is("scrollable",!!f.value),o.is(b.props.tabPosition)]},[W.value,t.createVNode("div",{class:o.e("nav-scroll"),ref:q},[t.createVNode("div",{class:[o.e("nav"),o.is(b.props.tabPosition),o.is("stretch",n.stretch&&["top","bottom"].includes(b.props.tabPosition))],ref:C,style:M.value,role:"tablist",onKeydown:H},[n.showBar?t.createVNode(Q.default,{tabs:[...n.panes]},null):null,U.value]),X])])}});exports.default=_;

package/lib/components/tooltip/index.d.ts

@@ -196,7 +196,7 @@ export declare const VftTooltip: import("vft/es/utils").SFCWithInstall<import("v
     onOpen: (event?: Event | undefined) => void;
     onClose: (event?: Event | undefined) => void;
     hide: (event?: Event | undefined) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "open" | "before-show" | "before-hide" | "show" | "hide")[], "close" | "open" | "before-show" | "before-hide" | "show" | "hide", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "close" | "before-show" | "before-hide" | "show" | "hide")[], "open" | "close" | "before-show" | "before-hide" | "show" | "hide", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     role: {
         type: import("vue").PropType<"grid" | "dialog" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
         required: false;
@@ -386,8 +386,8 @@ export declare const VftTooltip: import("vft/es/utils").SFCWithInstall<import("v
         required: false;
     };
 }>> & {
-    onClose?: ((...args: any[]) => any) | undefined;
     onOpen?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
     "onBefore-show"?: ((...args: any[]) => any) | undefined;
     "onBefore-hide"?: ((...args: any[]) => any) | undefined;
     onShow?: ((...args: any[]) => any) | undefined;

package/lib/components/tooltip/tooltip.vue.d.ts

@@ -270,7 +270,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
      * @description expose hide function
      */
     hide: (event?: Event | undefined) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "open" | "before-show" | "before-hide" | "show" | "hide")[], "close" | "open" | "before-show" | "before-hide" | "show" | "hide", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "close" | "before-show" | "before-hide" | "show" | "hide")[], "open" | "close" | "before-show" | "before-hide" | "show" | "hide", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     role: {
         type: __PropType<"grid" | "dialog" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
         required: false;
@@ -460,8 +460,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
 }>> & {
-    onClose?: ((...args: any[]) => any) | undefined;
     onOpen?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
     "onBefore-show"?: ((...args: any[]) => any) | undefined;
     "onBefore-hide"?: ((...args: any[]) => any) | undefined;
     onShow?: ((...args: any[]) => any) | undefined;