vft 0.0.149 → 0.0.151

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

@@ -13,7 +13,7 @@ export declare const VftTabs: import("vft/es/utils").SFCWithInstall<import("vue"
         type: globalThis.PropType<boolean>;
     };
     tabPosition: {
-        type: globalThis.PropType<"top" | "bottom" | "left" | "right">;
+        type: globalThis.PropType<"left" | "right" | "bottom" | "top">;
     };
     beforeLeave: {
         type: globalThis.PropType<Function>;
@@ -85,8 +85,8 @@ export declare const VftTabs: import("vft/es/utils").SFCWithInstall<import("vue"
     tabChange: (name: string | number) => void;
     tabRemove: (name: string | number) => void;
     tabAdd: () => void;
-    edit: (paneName: string | number | undefined, action: "remove" | "add") => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
+    edit: (paneName: string | number | undefined, action: "add" | "remove") => void;
+}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
     closable: {
         type: globalThis.PropType<boolean>;
     };
@@ -100,7 +100,7 @@ export declare const VftTabs: import("vft/es/utils").SFCWithInstall<import("vue"
         type: globalThis.PropType<boolean>;
     };
     tabPosition: {
-        type: globalThis.PropType<"top" | "bottom" | "left" | "right">;
+        type: globalThis.PropType<"left" | "right" | "bottom" | "top">;
     };
     beforeLeave: {
         type: globalThis.PropType<Function>;
@@ -170,113 +170,26 @@ export declare const VftTabs: import("vft/es/utils").SFCWithInstall<import("vue"
         attrs: Record<string, any>;
     }, index: number, ev: Event) => any) | undefined;
     onTabChange?: ((name: string | number) => any) | undefined;
-    onEdit?: ((paneName: string | number | undefined, action: "remove" | "add") => any) | undefined;
+    onEdit?: ((paneName: string | number | undefined, action: "add" | "remove") => any) | undefined;
 }, {}, {}>> & {
     TabPane: {
-        new (...args: any[]): {
-            $: import("vue").ComponentInternalInstance;
-            $data: {};
-            $props: {
-                readonly label?: string | undefined;
-                style?: unknown;
-                key?: string | number | symbol | undefined;
-                readonly name?: string | number | undefined;
-                ref?: import("vue").VNodeRef | undefined;
-                class?: unknown;
-                readonly disabled?: boolean | undefined;
-                ref_for?: boolean | undefined;
-                ref_key?: string | undefined;
-                onVnodeBeforeMount?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void)[] | undefined;
-                onVnodeMounted?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void)[] | undefined;
-                onVnodeBeforeUpdate?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>, oldVNode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>, oldVNode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void)[] | undefined;
-                onVnodeUpdated?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>, oldVNode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>, oldVNode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void)[] | undefined;
-                onVnodeBeforeUnmount?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void)[] | undefined;
-                onVnodeUnmounted?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void)[] | undefined;
-                readonly closable?: boolean | undefined;
-                readonly lazy?: boolean | undefined;
+        new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<globalThis.ExtractPropTypes<{
+            label: {
+                type: globalThis.PropType<string>;
             };
-            $attrs: {
-                [x: string]: unknown;
+            name: {
+                type: globalThis.PropType<string | number>;
             };
-            $refs: {
-                [x: string]: unknown;
+            closable: {
+                type: globalThis.PropType<boolean>;
+            };
+            disabled: {
+                type: globalThis.PropType<boolean>;
             };
-            $slots: Readonly<{
-                [name: string]: import("vue").Slot<any> | undefined;
-            }>;
-            $root: globalThis.ComponentPublicInstance | null;
-            $parent: globalThis.ComponentPublicInstance | null;
-            $emit: (event: string, ...args: any[]) => void;
-            $el: any;
-            $options: import("vue").ComponentOptionsBase<Readonly<globalThis.ExtractPropTypes<{
-                label: {
-                    type: globalThis.PropType<string>;
-                };
-                name: {
-                    type: globalThis.PropType<string | number>;
-                };
-                closable: {
-                    type: globalThis.PropType<boolean>;
-                };
-                disabled: {
-                    type: globalThis.PropType<boolean>;
-                };
-                lazy: {
-                    type: globalThis.PropType<boolean>;
-                };
-            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & {
-                beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-                created?: ((() => void) | (() => void)[]) | undefined;
-                beforeMount?: ((() => void) | (() => void)[]) | undefined;
-                mounted?: ((() => void) | (() => void)[]) | undefined;
-                beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-                updated?: ((() => void) | (() => void)[]) | undefined;
-                activated?: ((() => void) | (() => void)[]) | undefined;
-                deactivated?: ((() => void) | (() => void)[]) | undefined;
-                beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-                beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-                destroyed?: ((() => void) | (() => void)[]) | undefined;
-                unmounted?: ((() => void) | (() => void)[]) | undefined;
-                renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-                renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-                errorCaptured?: (((err: unknown, instance: globalThis.ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: globalThis.ComponentPublicInstance | null, info: string) => boolean | void)[]) | undefined;
+            lazy: {
+                type: globalThis.PropType<boolean>;
             };
-            $forceUpdate: () => void;
-            $nextTick: typeof import("vue").nextTick;
-            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-        } & Readonly<globalThis.ExtractPropTypes<{
+        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<globalThis.ExtractPropTypes<{
             label: {
                 type: globalThis.PropType<string>;
             };
@@ -292,7 +205,30 @@ export declare const VftTabs: import("vft/es/utils").SFCWithInstall<import("vue"
             lazy: {
                 type: globalThis.PropType<boolean>;
             };
-        }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+        }>>, {}, true, {}, {}, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<globalThis.ExtractPropTypes<{
+            label: {
+                type: globalThis.PropType<string>;
+            };
+            name: {
+                type: globalThis.PropType<string | number>;
+            };
+            closable: {
+                type: globalThis.PropType<boolean>;
+            };
+            disabled: {
+                type: globalThis.PropType<boolean>;
+            };
+            lazy: {
+                type: globalThis.PropType<boolean>;
+            };
+        }>>, {}, {}, {}, {}, {}>;
         __isFragment?: undefined;
         __isTeleport?: undefined;
         __isSuspense?: undefined;
@@ -319,110 +255,46 @@ export declare const VftTabs: import("vft/es/utils").SFCWithInstall<import("vue"
     });
 };
 export declare const VftTabPane: import("vft/es/utils").SFCWithInstall<{
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: {
-            readonly label?: string | undefined;
-            style?: unknown;
-            key?: string | number | symbol | undefined;
-            readonly name?: string | number | undefined;
-            ref?: import("vue").VNodeRef | undefined;
-            class?: unknown;
-            readonly disabled?: boolean | undefined;
-            ref_for?: boolean | undefined;
-            ref_key?: string | undefined;
-            onVnodeBeforeMount?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeMounted?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeBeforeUpdate?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeUpdated?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeBeforeUnmount?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeUnmounted?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            readonly closable?: boolean | undefined;
-            readonly lazy?: boolean | undefined;
+    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<globalThis.ExtractPropTypes<{
+        label: {
+            type: globalThis.PropType<string>;
         };
-        $attrs: {
-            [x: string]: unknown;
+        name: {
+            type: globalThis.PropType<string | number>;
         };
-        $refs: {
-            [x: string]: unknown;
+        closable: {
+            type: globalThis.PropType<boolean>;
         };
-        $slots: Readonly<{
-            [name: string]: import("vue").Slot<any> | undefined;
-        }>;
-        $root: globalThis.ComponentPublicInstance | null;
-        $parent: globalThis.ComponentPublicInstance | null;
-        $emit: (event: string, ...args: any[]) => void;
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<globalThis.ExtractPropTypes<{
-            label: {
-                type: globalThis.PropType<string>;
-            };
-            name: {
-                type: globalThis.PropType<string | number>;
-            };
-            closable: {
-                type: globalThis.PropType<boolean>;
-            };
-            disabled: {
-                type: globalThis.PropType<boolean>;
-            };
-            lazy: {
-                type: globalThis.PropType<boolean>;
-            };
-        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & {
-            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-            created?: ((() => void) | (() => void)[]) | undefined;
-            beforeMount?: ((() => void) | (() => void)[]) | undefined;
-            mounted?: ((() => void) | (() => void)[]) | undefined;
-            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-            updated?: ((() => void) | (() => void)[]) | undefined;
-            activated?: ((() => void) | (() => void)[]) | undefined;
-            deactivated?: ((() => void) | (() => void)[]) | undefined;
-            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-            destroyed?: ((() => void) | (() => void)[]) | undefined;
-            unmounted?: ((() => void) | (() => void)[]) | undefined;
-            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            errorCaptured?: (((err: unknown, instance: globalThis.ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: globalThis.ComponentPublicInstance | null, info: string) => boolean | void)[]) | undefined;
+        disabled: {
+            type: globalThis.PropType<boolean>;
+        };
+        lazy: {
+            type: globalThis.PropType<boolean>;
+        };
+    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<globalThis.ExtractPropTypes<{
+        label: {
+            type: globalThis.PropType<string>;
+        };
+        name: {
+            type: globalThis.PropType<string | number>;
+        };
+        closable: {
+            type: globalThis.PropType<boolean>;
+        };
+        disabled: {
+            type: globalThis.PropType<boolean>;
+        };
+        lazy: {
+            type: globalThis.PropType<boolean>;
         };
-        $forceUpdate: () => void;
-        $nextTick: typeof import("vue").nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-    } & Readonly<globalThis.ExtractPropTypes<{
+    }>>, {}, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<globalThis.ExtractPropTypes<{
         label: {
             type: globalThis.PropType<string>;
         };
@@ -438,7 +310,7 @@ export declare const VftTabPane: import("vft/es/utils").SFCWithInstall<{
         lazy: {
             type: globalThis.PropType<boolean>;
         };
-    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    }>>, {}, {}, {}, {}, {}>;
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;

package/lib/components/tabs/tab-bar.vue.d.ts

@@ -1,50 +1,19 @@
+import { type TabsPaneContext } from './types';
 import type { CSSProperties } from 'vue';
-declare const _default: import("vue").DefineComponent<{
-    tabs: {
-        type: globalThis.PropType<{
-            uid: number;
-            slots: Readonly<{
-                [name: string]: import("vue").Slot<any> | undefined;
-            }>;
-            props: {
-                label: string;
-                name: string | number;
-                closable: boolean;
-                disabled: boolean;
-                lazy: boolean;
-            };
-            paneName: string | number | undefined;
-            active: boolean;
-            index: string | undefined;
-            isClosable: boolean;
-            attrs: Record<string, any>;
-        }[]>;
-        required: true;
-    };
-}, {
+interface Props {
+    tabs: TabsPaneContext[];
+}
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {
     ref: globalThis.Ref<HTMLDivElement | undefined>;
     update: () => CSSProperties;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
-    tabs: {
-        type: globalThis.PropType<{
-            uid: number;
-            slots: Readonly<{
-                [name: string]: import("vue").Slot<any> | undefined;
-            }>;
-            props: {
-                label: string;
-                name: string | number;
-                closable: boolean;
-                disabled: boolean;
-                lazy: boolean;
-            };
-            paneName: string | number | undefined;
-            active: boolean;
-            index: string | undefined;
-            isClosable: boolean;
-            attrs: Record<string, any>;
-        }[]>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
         required: true;
     };
-}>>, {}, {}>;
-export default _default;
+};

package/lib/components/tabs/tab-nav.vue.d.ts

@@ -1,57 +1,23 @@
 import { type IconProps } from 'vft/es/components';
-declare const _default: import("vue").DefineComponent<{
-    panes: {
-        type: globalThis.PropType<{
-            uid: number;
-            slots: Readonly<{
-                [name: string]: import("vue").Slot<any> | undefined;
-            }>;
-            props: {
-                label: string;
-                name: string | number;
-                closable: boolean;
-                disabled: boolean;
-                lazy: boolean;
-            };
-            paneName: string | number | undefined;
-            active: boolean;
-            index: string | undefined;
-            isClosable: boolean;
-            attrs: Record<string, any>;
-        }[]>;
-        required: true;
-    };
-    editable: {
-        type: globalThis.PropType<boolean>;
-    };
-    addable: {
-        type: globalThis.PropType<boolean>;
-    };
-    stretch: {
-        type: globalThis.PropType<boolean>;
-    };
-    showBar: {
-        type: globalThis.PropType<boolean>;
-    };
-    closeIconCfg: {
-        type: globalThis.PropType<IconProps>;
-    };
-    addIconCfg: {
-        type: globalThis.PropType<IconProps>;
-    };
-    arrowLeftIconCfg: {
-        type: globalThis.PropType<IconProps>;
-    };
-    arrowRightIconCfg: {
-        type: globalThis.PropType<IconProps>;
-    };
-    fixTabCount: {
-        type: globalThis.PropType<number>;
-    };
-    fixExtraScrollWidth: {
-        type: globalThis.PropType<number>;
-    };
-}, {
+import type { TabsPaneContext } from './types';
+interface TabNavProps {
+    panes: TabsPaneContext[];
+    /** 标签是否同时可增加和关闭 */
+    editable?: boolean;
+    /** 标签是否可增加 */
+    addable?: boolean;
+    /** tab 类型 */
+    stretch?: boolean;
+    showBar?: boolean;
+    /** 图标配置 */
+    closeIconCfg?: IconProps;
+    addIconCfg?: IconProps;
+    arrowLeftIconCfg?: IconProps;
+    arrowRightIconCfg?: IconProps;
+    fixTabCount?: number;
+    fixExtraScrollWidth?: number;
+}
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<TabNavProps>, {
     scrollToActiveTab: () => Promise<void>;
     removeFocus: () => boolean;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -59,62 +25,19 @@ declare const _default: import("vue").DefineComponent<{
     tabRemove: (...args: any[]) => void;
     tabAdd: (...args: any[]) => void;
     tabContextmenu: (...args: any[]) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
-    panes: {
-        type: globalThis.PropType<{
-            uid: number;
-            slots: Readonly<{
-                [name: string]: import("vue").Slot<any> | undefined;
-            }>;
-            props: {
-                label: string;
-                name: string | number;
-                closable: boolean;
-                disabled: boolean;
-                lazy: boolean;
-            };
-            paneName: string | number | undefined;
-            active: boolean;
-            index: string | undefined;
-            isClosable: boolean;
-            attrs: Record<string, any>;
-        }[]>;
-        required: true;
-    };
-    editable: {
-        type: globalThis.PropType<boolean>;
-    };
-    addable: {
-        type: globalThis.PropType<boolean>;
-    };
-    stretch: {
-        type: globalThis.PropType<boolean>;
-    };
-    showBar: {
-        type: globalThis.PropType<boolean>;
-    };
-    closeIconCfg: {
-        type: globalThis.PropType<IconProps>;
-    };
-    addIconCfg: {
-        type: globalThis.PropType<IconProps>;
-    };
-    arrowLeftIconCfg: {
-        type: globalThis.PropType<IconProps>;
-    };
-    arrowRightIconCfg: {
-        type: globalThis.PropType<IconProps>;
-    };
-    fixTabCount: {
-        type: globalThis.PropType<number>;
-    };
-    fixExtraScrollWidth: {
-        type: globalThis.PropType<number>;
-    };
-}>> & {
+}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_TypePropsToRuntimeProps<TabNavProps>>> & {
     onTabClick?: ((...args: any[]) => any) | undefined;
     onTabRemove?: ((...args: any[]) => any) | undefined;
     onTabAdd?: ((...args: any[]) => any) | undefined;
     onTabContextmenu?: ((...args: any[]) => any) | undefined;
 }, {}, {}>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

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