beyond-webui 1.1.44 → 1.1.45

package/es/components/tabs/src/tab-bar.vue.d.ts

@@ -2,6 +2,9 @@ import type { CSSProperties } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     readonly tabs: import("beyond-webui/es/utils").EpPropFinalized<(new (...args: any[]) => {
         uid: number;
+        getVnode: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>;
         slots: Readonly<{
             [name: string]: import("vue").Slot | undefined;
         }>;
@@ -12,12 +15,16 @@ declare const _default: import("vue").DefineComponent<{
             readonly lazy: boolean;
             readonly name?: import("beyond-webui/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
         };
-        paneName: string | number | undefined;
+        paneName: import("./constants").TabPaneName | undefined;
         active: boolean;
         index: string | undefined;
         isClosable: boolean;
+        isFocusInsidePane: () => boolean | undefined;
     }[]) | (() => {
         uid: number;
+        getVnode: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>;
         slots: Readonly<{
             [name: string]: import("vue").Slot | undefined;
         }>;
@@ -28,12 +35,16 @@ declare const _default: import("vue").DefineComponent<{
             readonly lazy: boolean;
             readonly name?: import("beyond-webui/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
         };
-        paneName: string | number | undefined;
+        paneName: import("./constants").TabPaneName | undefined;
         active: boolean;
         index: string | undefined;
         isClosable: boolean;
+        isFocusInsidePane: () => boolean | undefined;
     }[]) | ((new (...args: any[]) => {
         uid: number;
+        getVnode: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>;
         slots: Readonly<{
             [name: string]: import("vue").Slot | undefined;
         }>;
@@ -44,12 +55,16 @@ declare const _default: import("vue").DefineComponent<{
             readonly lazy: boolean;
             readonly name?: import("beyond-webui/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
         };
-        paneName: string | number | undefined;
+        paneName: import("./constants").TabPaneName | undefined;
         active: boolean;
         index: string | undefined;
         isClosable: boolean;
+        isFocusInsidePane: () => boolean | undefined;
     }[]) | (() => {
         uid: number;
+        getVnode: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>;
         slots: Readonly<{
             [name: string]: import("vue").Slot | undefined;
         }>;
@@ -60,16 +75,33 @@ declare const _default: import("vue").DefineComponent<{
             readonly lazy: boolean;
             readonly name?: import("beyond-webui/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
         };
-        paneName: string | number | undefined;
+        paneName: import("./constants").TabPaneName | undefined;
         active: boolean;
         index: string | undefined;
         isClosable: boolean;
+        isFocusInsidePane: () => boolean | undefined;
     }[]))[], unknown, unknown, () => [], boolean>;
+    readonly tabRefs: import("beyond-webui/es/utils").EpPropFinalized<(new (...args: any[]) => {
+        [key: string]: HTMLDivElement;
+        [key: number]: HTMLDivElement;
+    }) | (() => {
+        [key: string]: HTMLDivElement;
+        [key: number]: HTMLDivElement;
+    }) | ((new (...args: any[]) => {
+        [key: string]: HTMLDivElement;
+        [key: number]: HTMLDivElement;
+    }) | (() => {
+        [key: string]: HTMLDivElement;
+        [key: number]: HTMLDivElement;
+    }))[], unknown, unknown, () => import("beyond-webui/es/utils").Mutable<{}>, boolean>;
 }, {
     COMPONENT_NAME: string;
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         readonly tabs: import("beyond-webui/es/utils").EpPropFinalized<(new (...args: any[]) => {
             uid: number;
+            getVnode: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>;
             slots: Readonly<{
                 [name: string]: import("vue").Slot | undefined;
             }>;
@@ -80,12 +112,16 @@ declare const _default: import("vue").DefineComponent<{
                 readonly lazy: boolean;
                 readonly name?: import("beyond-webui/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
             };
-            paneName: string | number | undefined;
+            paneName: import("./constants").TabPaneName | undefined;
             active: boolean;
             index: string | undefined;
             isClosable: boolean;
+            isFocusInsidePane: () => boolean | undefined;
         }[]) | (() => {
             uid: number;
+            getVnode: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>;
             slots: Readonly<{
                 [name: string]: import("vue").Slot | undefined;
             }>;
@@ -96,12 +132,16 @@ declare const _default: import("vue").DefineComponent<{
                 readonly lazy: boolean;
                 readonly name?: import("beyond-webui/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
             };
-            paneName: string | number | undefined;
+            paneName: import("./constants").TabPaneName | undefined;
             active: boolean;
             index: string | undefined;
             isClosable: boolean;
+            isFocusInsidePane: () => boolean | undefined;
         }[]) | ((new (...args: any[]) => {
             uid: number;
+            getVnode: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>;
             slots: Readonly<{
                 [name: string]: import("vue").Slot | undefined;
             }>;
@@ -112,12 +152,16 @@ declare const _default: import("vue").DefineComponent<{
                 readonly lazy: boolean;
                 readonly name?: import("beyond-webui/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
             };
-            paneName: string | number | undefined;
+            paneName: import("./constants").TabPaneName | undefined;
             active: boolean;
             index: string | undefined;
             isClosable: boolean;
+            isFocusInsidePane: () => boolean | undefined;
         }[]) | (() => {
             uid: number;
+            getVnode: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>;
             slots: Readonly<{
                 [name: string]: import("vue").Slot | undefined;
             }>;
@@ -128,15 +172,28 @@ declare const _default: import("vue").DefineComponent<{
                 readonly lazy: boolean;
                 readonly name?: import("beyond-webui/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
             };
-            paneName: string | number | undefined;
+            paneName: import("./constants").TabPaneName | undefined;
             active: boolean;
             index: string | undefined;
             isClosable: boolean;
+            isFocusInsidePane: () => boolean | undefined;
         }[]))[], unknown, unknown, () => [], boolean>;
+        readonly tabRefs: import("beyond-webui/es/utils").EpPropFinalized<(new (...args: any[]) => {
+            [key: string]: HTMLDivElement;
+            [key: number]: HTMLDivElement;
+        }) | (() => {
+            [key: string]: HTMLDivElement;
+            [key: number]: HTMLDivElement;
+        }) | ((new (...args: any[]) => {
+            [key: string]: HTMLDivElement;
+            [key: number]: HTMLDivElement;
+        }) | (() => {
+            [key: string]: HTMLDivElement;
+            [key: number]: HTMLDivElement;
+        }))[], unknown, unknown, () => import("beyond-webui/es/utils").Mutable<{}>, boolean>;
     }>> & {
         [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
     }>>;
-    instance: import("vue").ComponentInternalInstance;
     rootTabs: import("./constants").TabsRootContext;
     ns: {
         namespace: import("vue").ComputedRef<string>;
@@ -160,9 +217,21 @@ declare const _default: import("vue").DefineComponent<{
     barStyle: import("vue").Ref<CSSProperties | undefined>;
     getBarStyle: () => CSSProperties;
     update: () => CSSProperties;
+    tabObservers: {
+        isSupported: import("vue").Ref<boolean>;
+        stop: () => void;
+    }[];
+    observerTabs: () => void;
+    barObserver: {
+        isSupported: import("vue").Ref<boolean>;
+        stop: () => void;
+    };
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly tabs: import("beyond-webui/es/utils").EpPropFinalized<(new (...args: any[]) => {
         uid: number;
+        getVnode: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>;
         slots: Readonly<{
             [name: string]: import("vue").Slot | undefined;
         }>;
@@ -173,12 +242,16 @@ declare const _default: import("vue").DefineComponent<{
             readonly lazy: boolean;
             readonly name?: import("beyond-webui/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
         };
-        paneName: string | number | undefined;
+        paneName: import("./constants").TabPaneName | undefined;
         active: boolean;
         index: string | undefined;
         isClosable: boolean;
+        isFocusInsidePane: () => boolean | undefined;
     }[]) | (() => {
         uid: number;
+        getVnode: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>;
         slots: Readonly<{
             [name: string]: import("vue").Slot | undefined;
         }>;
@@ -189,12 +262,16 @@ declare const _default: import("vue").DefineComponent<{
             readonly lazy: boolean;
             readonly name?: import("beyond-webui/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
         };
-        paneName: string | number | undefined;
+        paneName: import("./constants").TabPaneName | undefined;
         active: boolean;
         index: string | undefined;
         isClosable: boolean;
+        isFocusInsidePane: () => boolean | undefined;
     }[]) | ((new (...args: any[]) => {
         uid: number;
+        getVnode: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>;
         slots: Readonly<{
             [name: string]: import("vue").Slot | undefined;
         }>;
@@ -205,12 +282,16 @@ declare const _default: import("vue").DefineComponent<{
             readonly lazy: boolean;
             readonly name?: import("beyond-webui/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
         };
-        paneName: string | number | undefined;
+        paneName: import("./constants").TabPaneName | undefined;
         active: boolean;
         index: string | undefined;
         isClosable: boolean;
+        isFocusInsidePane: () => boolean | undefined;
     }[]) | (() => {
         uid: number;
+        getVnode: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>;
         slots: Readonly<{
             [name: string]: import("vue").Slot | undefined;
         }>;
@@ -221,14 +302,31 @@ declare const _default: import("vue").DefineComponent<{
             readonly lazy: boolean;
             readonly name?: import("beyond-webui/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
         };
-        paneName: string | number | undefined;
+        paneName: import("./constants").TabPaneName | undefined;
         active: boolean;
         index: string | undefined;
         isClosable: boolean;
+        isFocusInsidePane: () => boolean | undefined;
     }[]))[], unknown, unknown, () => [], boolean>;
+    readonly tabRefs: import("beyond-webui/es/utils").EpPropFinalized<(new (...args: any[]) => {
+        [key: string]: HTMLDivElement;
+        [key: number]: HTMLDivElement;
+    }) | (() => {
+        [key: string]: HTMLDivElement;
+        [key: number]: HTMLDivElement;
+    }) | ((new (...args: any[]) => {
+        [key: string]: HTMLDivElement;
+        [key: number]: HTMLDivElement;
+    }) | (() => {
+        [key: string]: HTMLDivElement;
+        [key: number]: HTMLDivElement;
+    }))[], unknown, unknown, () => import("beyond-webui/es/utils").Mutable<{}>, boolean>;
 }>>, {
     readonly tabs: {
         uid: number;
+        getVnode: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>;
         slots: Readonly<{
             [name: string]: import("vue").Slot | undefined;
         }>;
@@ -239,10 +337,15 @@ declare const _default: import("vue").DefineComponent<{
             readonly lazy: boolean;
             readonly name?: import("beyond-webui/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
         };
-        paneName: string | number | undefined;
+        paneName: import("./constants").TabPaneName | undefined;
         active: boolean;
         index: string | undefined;
         isClosable: boolean;
+        isFocusInsidePane: () => boolean | undefined;
     }[];
+    readonly tabRefs: {
+        [key: string]: HTMLDivElement;
+        [key: number]: HTMLDivElement;
+    };
 }>;
 export default _default;

package/es/components/tabs/src/tab-bar2.mjs

@@ -6,6 +6,10 @@ const tabBarProps = buildProps({
   tabs: {
     type: definePropType(Array),
     default: () => mutable([])
+  },
+  tabRefs: {
+    type: definePropType(Object),
+    default: () => mutable({})
   }
 });
 

package/es/components/tabs/src/tab-bar2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tab-bar2.mjs","sources":["../../../../../../packages/components/tabs/src/tab-bar.ts"],"sourcesContent":["import { buildProps, definePropType, mutable } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\nimport type { TabsPaneContext } from './constants'\nimport type TabBar from './tab-bar.vue'\n\nexport const tabBarProps = buildProps({\n  tabs: {\n    type: definePropType<TabsPaneContext[]>(Array),\n    default: () => mutable([] as const),\n  },\n} as const)\n\nexport type TabBarProps = ExtractPropTypes<typeof tabBarProps>\nexport type TabBarInstance = InstanceType<typeof TabBar>\n"],"names":[],"mappings":";;;;AACY,MAAC,WAAW,GAAG,UAAU,CAAC;AACtC,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,cAAc,CAAC,KAAK,CAAC;AAC/B,IAAI,OAAO,EAAE,MAAM,OAAO,CAAC,EAAE,CAAC;AAC9B,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"tab-bar2.mjs","sources":["../../../../../../packages/components/tabs/src/tab-bar.ts"],"sourcesContent":["import { buildProps, definePropType, mutable } from '@element-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type { TabPaneName, TabsPaneContext } from './constants'\nimport type TabBar from './tab-bar.vue'\n\nexport const tabBarProps = buildProps({\n  tabs: {\n    type: definePropType<TabsPaneContext[]>(Array),\n    default: () => mutable([] as const),\n  },\n  tabRefs: {\n    type: definePropType<{ [key: TabPaneName]: HTMLDivElement }>(Object),\n    default: () => mutable({} as const),\n  },\n} as const)\n\nexport type TabBarProps = ExtractPropTypes<typeof tabBarProps>\nexport type TabBarInstance = InstanceType<typeof TabBar> & unknown\n"],"names":[],"mappings":";;;;AACY,MAAC,WAAW,GAAG,UAAU,CAAC;AACtC,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,cAAc,CAAC,KAAK,CAAC;AAC/B,IAAI,OAAO,EAAE,MAAM,OAAO,CAAC,EAAE,CAAC;AAC9B,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,MAAM,OAAO,CAAC,EAAE,CAAC;AAC9B,GAAG;AACH,CAAC;;;;"}

package/es/components/tabs/src/tab-nav.d.ts

@@ -1,9 +1,12 @@
 import type { ExtractPropTypes } from 'vue';
-import type { TabsPaneContext } from './constants';
-import type { TabPaneName } from './tabs';
+import type { TabBarInstance } from './tab-bar';
+import type { TabPaneName, TabsPaneContext } from './constants';
 export declare const tabNavProps: {
     readonly panes: import("beyond-webui/es/utils").EpPropFinalized<(new (...args: any[]) => {
         uid: number;
+        getVnode: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>;
         slots: Readonly<{
             [name: string]: import("vue").Slot | undefined;
         }>;
@@ -14,12 +17,16 @@ export declare const tabNavProps: {
             readonly lazy: boolean;
             readonly name?: import("beyond-webui/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
         };
-        paneName: string | number | undefined;
+        paneName: TabPaneName | undefined;
         active: boolean;
         index: string | undefined;
         isClosable: boolean;
+        isFocusInsidePane: () => boolean | undefined;
     }[]) | (() => {
         uid: number;
+        getVnode: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>;
         slots: Readonly<{
             [name: string]: import("vue").Slot | undefined;
         }>;
@@ -30,12 +37,16 @@ export declare const tabNavProps: {
             readonly lazy: boolean;
             readonly name?: import("beyond-webui/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
         };
-        paneName: string | number | undefined;
+        paneName: TabPaneName | undefined;
         active: boolean;
         index: string | undefined;
         isClosable: boolean;
+        isFocusInsidePane: () => boolean | undefined;
     }[]) | ((new (...args: any[]) => {
         uid: number;
+        getVnode: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>;
         slots: Readonly<{
             [name: string]: import("vue").Slot | undefined;
         }>;
@@ -46,12 +57,16 @@ export declare const tabNavProps: {
             readonly lazy: boolean;
             readonly name?: import("beyond-webui/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
         };
-        paneName: string | number | undefined;
+        paneName: TabPaneName | undefined;
         active: boolean;
         index: string | undefined;
         isClosable: boolean;
+        isFocusInsidePane: () => boolean | undefined;
     }[]) | (() => {
         uid: number;
+        getVnode: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>;
         slots: Readonly<{
             [name: string]: import("vue").Slot | undefined;
         }>;
@@ -62,10 +77,11 @@ export declare const tabNavProps: {
             readonly lazy: boolean;
             readonly name?: import("beyond-webui/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
         };
-        paneName: string | number | undefined;
+        paneName: TabPaneName | undefined;
         active: boolean;
         index: string | undefined;
         isClosable: boolean;
+        isFocusInsidePane: () => boolean | undefined;
     }[]))[], unknown, unknown, () => [], boolean>;
     readonly currentName: import("beyond-webui/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
     readonly editable: BooleanConstructor;
@@ -81,6 +97,9 @@ export declare type TabNavEmits = typeof tabNavEmits;
 declare const TabNav: import("vue").DefineComponent<{
     readonly panes: import("beyond-webui/es/utils").EpPropFinalized<(new (...args: any[]) => {
         uid: number;
+        getVnode: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>;
         slots: Readonly<{
             [name: string]: import("vue").Slot | undefined;
         }>;
@@ -91,12 +110,16 @@ declare const TabNav: import("vue").DefineComponent<{
             readonly lazy: boolean;
             readonly name?: import("beyond-webui/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
         };
-        paneName: string | number | undefined;
+        paneName: TabPaneName | undefined;
         active: boolean;
         index: string | undefined;
         isClosable: boolean;
+        isFocusInsidePane: () => boolean | undefined;
     }[]) | (() => {
         uid: number;
+        getVnode: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>;
         slots: Readonly<{
             [name: string]: import("vue").Slot | undefined;
         }>;
@@ -107,12 +130,16 @@ declare const TabNav: import("vue").DefineComponent<{
             readonly lazy: boolean;
             readonly name?: import("beyond-webui/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
         };
-        paneName: string | number | undefined;
+        paneName: TabPaneName | undefined;
         active: boolean;
         index: string | undefined;
         isClosable: boolean;
+        isFocusInsidePane: () => boolean | undefined;
     }[]) | ((new (...args: any[]) => {
         uid: number;
+        getVnode: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>;
         slots: Readonly<{
             [name: string]: import("vue").Slot | undefined;
         }>;
@@ -123,12 +150,16 @@ declare const TabNav: import("vue").DefineComponent<{
             readonly lazy: boolean;
             readonly name?: import("beyond-webui/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
         };
-        paneName: string | number | undefined;
+        paneName: TabPaneName | undefined;
         active: boolean;
         index: string | undefined;
         isClosable: boolean;
+        isFocusInsidePane: () => boolean | undefined;
     }[]) | (() => {
         uid: number;
+        getVnode: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>;
         slots: Readonly<{
             [name: string]: import("vue").Slot | undefined;
         }>;
@@ -139,10 +170,11 @@ declare const TabNav: import("vue").DefineComponent<{
             readonly lazy: boolean;
             readonly name?: import("beyond-webui/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
         };
-        paneName: string | number | undefined;
+        paneName: TabPaneName | undefined;
         active: boolean;
         index: string | undefined;
         isClosable: boolean;
+        isFocusInsidePane: () => boolean | undefined;
     }[]))[], unknown, unknown, () => [], boolean>;
     readonly currentName: import("beyond-webui/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
     readonly editable: BooleanConstructor;
@@ -154,6 +186,9 @@ declare const TabNav: import("vue").DefineComponent<{
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     readonly panes: import("beyond-webui/es/utils").EpPropFinalized<(new (...args: any[]) => {
         uid: number;
+        getVnode: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>;
         slots: Readonly<{
             [name: string]: import("vue").Slot | undefined;
         }>;
@@ -164,12 +199,16 @@ declare const TabNav: import("vue").DefineComponent<{
             readonly lazy: boolean;
             readonly name?: import("beyond-webui/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
         };
-        paneName: string | number | undefined;
+        paneName: TabPaneName | undefined;
         active: boolean;
         index: string | undefined;
         isClosable: boolean;
+        isFocusInsidePane: () => boolean | undefined;
     }[]) | (() => {
         uid: number;
+        getVnode: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>;
         slots: Readonly<{
             [name: string]: import("vue").Slot | undefined;
         }>;
@@ -180,12 +219,16 @@ declare const TabNav: import("vue").DefineComponent<{
             readonly lazy: boolean;
             readonly name?: import("beyond-webui/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
         };
-        paneName: string | number | undefined;
+        paneName: TabPaneName | undefined;
         active: boolean;
         index: string | undefined;
         isClosable: boolean;
+        isFocusInsidePane: () => boolean | undefined;
     }[]) | ((new (...args: any[]) => {
         uid: number;
+        getVnode: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>;
         slots: Readonly<{
             [name: string]: import("vue").Slot | undefined;
         }>;
@@ -196,12 +239,16 @@ declare const TabNav: import("vue").DefineComponent<{
             readonly lazy: boolean;
             readonly name?: import("beyond-webui/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
         };
-        paneName: string | number | undefined;
+        paneName: TabPaneName | undefined;
         active: boolean;
         index: string | undefined;
         isClosable: boolean;
+        isFocusInsidePane: () => boolean | undefined;
     }[]) | (() => {
         uid: number;
+        getVnode: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>;
         slots: Readonly<{
             [name: string]: import("vue").Slot | undefined;
         }>;
@@ -212,10 +259,11 @@ declare const TabNav: import("vue").DefineComponent<{
             readonly lazy: boolean;
             readonly name?: import("beyond-webui/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
         };
-        paneName: string | number | undefined;
+        paneName: TabPaneName | undefined;
         active: boolean;
         index: string | undefined;
         isClosable: boolean;
+        isFocusInsidePane: () => boolean | undefined;
     }[]))[], unknown, unknown, () => [], boolean>;
     readonly currentName: import("beyond-webui/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
     readonly editable: BooleanConstructor;
@@ -224,6 +272,9 @@ declare const TabNav: import("vue").DefineComponent<{
 }>> & {
     onTabClick?: ((tab: {
         uid: number;
+        getVnode: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>;
         slots: Readonly<{
             [name: string]: import("vue").Slot | undefined;
         }>;
@@ -234,13 +285,17 @@ declare const TabNav: import("vue").DefineComponent<{
             readonly lazy: boolean;
             readonly name?: import("beyond-webui/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
         };
-        paneName: string | number | undefined;
+        paneName: TabPaneName | undefined;
         active: boolean;
         index: string | undefined;
         isClosable: boolean;
+        isFocusInsidePane: () => boolean | undefined;
     }, tabName: TabPaneName, ev: Event) => any) | undefined;
     onTabRemove?: ((tab: {
         uid: number;
+        getVnode: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>;
         slots: Readonly<{
             [name: string]: import("vue").Slot | undefined;
         }>;
@@ -251,10 +306,11 @@ declare const TabNav: import("vue").DefineComponent<{
             readonly lazy: boolean;
             readonly name?: import("beyond-webui/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
         };
-        paneName: string | number | undefined;
+        paneName: TabPaneName | undefined;
         active: boolean;
         index: string | undefined;
         isClosable: boolean;
+        isFocusInsidePane: () => boolean | undefined;
     }, ev: Event) => any) | undefined;
 }, {
     readonly type: import("beyond-webui/es/utils").EpPropMergeType<StringConstructor, "" | "card" | "border-card", unknown>;
@@ -262,6 +318,9 @@ declare const TabNav: import("vue").DefineComponent<{
     readonly editable: boolean;
     readonly panes: {
         uid: number;
+        getVnode: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>;
         slots: Readonly<{
             [name: string]: import("vue").Slot | undefined;
         }>;
@@ -272,12 +331,20 @@ declare const TabNav: import("vue").DefineComponent<{
             readonly lazy: boolean;
             readonly name?: import("beyond-webui/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
         };
-        paneName: string | number | undefined;
+        paneName: TabPaneName | undefined;
         active: boolean;
         index: string | undefined;
         isClosable: boolean;
+        isFocusInsidePane: () => boolean | undefined;
     }[];
     readonly currentName: import("beyond-webui/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
 }>;
-export declare type TabNavInstance = InstanceType<typeof TabNav>;
+export declare type TabNavInstance = InstanceType<typeof TabNav> & {
+    scrollToActiveTab: () => Promise<void>;
+    removeFocus: () => void;
+    focusActiveTab: () => void;
+    scheduleRender: () => void;
+    tabListRef: HTMLDivElement | undefined;
+    tabBarRef: TabBarInstance | undefined;
+};
 export default TabNav;