vue-stack-tabs 0.1.51 → 1.0.1

package/dist/src/lib/StackTabs.vue.d.ts

@@ -1,185 +1,57 @@
 import { TransitionProps, DefineComponent } from 'vue';
 import { ITabData, TabScrollMode } from './model/TabModel';
-
-declare const _default: __VLS_WithTemplateSlots<DefineComponent<{
-    defaultTabs?: ITabData[] | undefined;
-    max?: number | undefined;
-    append?: string | undefined;
-    contextmenu?: boolean | object | undefined;
-    pageTransition?: string | undefined;
-    pageTransitionBack?: string | undefined;
-    tabTransition?: string | TransitionProps | undefined;
-    tabScrollMode?: TabScrollMode | undefined;
-    width?: string | undefined;
-    height?: string | undefined;
-    i18n?: string | undefined;
-    space?: number | undefined;
-    globalScroll: boolean;
+type __VLS_Props = {
+    defaultTabs?: ITabData[];
+    max?: number;
+    contextmenu?: boolean | object;
+    pageTransition?: string;
+    pageTransitionBack?: string;
+    tabTransition?: string | TransitionProps;
+    tabScrollMode?: TabScrollMode;
+    width?: string;
+    height?: string;
+    i18n?: string;
+    space?: number;
+    globalScroll?: boolean;
     iframePath: string;
-    sessionPrefix?: string | undefined;
-}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    sessionPrefix?: string;
+    /** 允许通过 postMessage 调用 openTab 的 iframe 来源，默认仅同源 */
+    iframeAllowedOrigins?: string[];
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        leftButton?(_: {}): any;
+        rightButton?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     onActive: (...args: any[]) => void;
     onPageLoaded: (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<{
-    defaultTabs?: ITabData[] | undefined;
-    max?: number | undefined;
-    append?: string | undefined;
-    contextmenu?: boolean | object | undefined;
-    pageTransition?: string | undefined;
-    pageTransitionBack?: string | undefined;
-    tabTransition?: string | TransitionProps | undefined;
-    tabScrollMode?: TabScrollMode | undefined;
-    width?: string | undefined;
-    height?: string | undefined;
-    i18n?: string | undefined;
-    space?: number | undefined;
-    globalScroll: boolean;
-    iframePath: string;
-    sessionPrefix?: string | undefined;
-}> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onOnActive?: ((...args: any[]) => any) | undefined;
     onOnPageLoaded?: ((...args: any[]) => any) | undefined;
 }>, {
-    contextmenu: boolean | object;
     max: number;
+    contextmenu: boolean | object;
     space: number;
     width: string;
     tabScrollMode: TabScrollMode;
     tabTransition: string | TransitionProps;
     defaultTabs: ITabData[];
-    append: string;
     pageTransition: string;
     pageTransitionBack: string;
     height: string;
     i18n: string;
     globalScroll: boolean;
     sessionPrefix: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
-    leftButton?(_: {}): any;
-    rightButton?(_: {}): any;
-}>;
+    iframeAllowedOrigins: string[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
-export declare const __VLS_globalTypesStart: {};
-declare global {
-    type __VLS_IntrinsicElements = __VLS_PickNotAny<import('vue/jsx-runtime').JSX.IntrinsicElements, __VLS_PickNotAny<globalThis.JSX.IntrinsicElements, Record<string, any>>>;
-    type __VLS_Element = __VLS_PickNotAny<import('vue/jsx-runtime').JSX.Element, globalThis.JSX.Element>;
-    type __VLS_GlobalComponents = __VLS_PickNotAny<import('vue').GlobalComponents, {}> & __VLS_PickNotAny<import('@vue/runtime-core').GlobalComponents, {}> & __VLS_PickNotAny<import('@vue/runtime-dom').GlobalComponents, {}> & Pick<typeof import('vue'), 'Transition' | 'TransitionGroup' | 'KeepAlive' | 'Suspense' | 'Teleport'>;
-    type __VLS_BuiltInPublicProps = __VLS_PickNotAny<import('vue').VNodeProps, {}> & __VLS_PickNotAny<import('vue').AllowedComponentProps, {}> & __VLS_PickNotAny<import('vue').ComponentCustomProps, {}>;
-    type __VLS_IsAny<T> = 0 extends 1 & T ? true : false;
-    type __VLS_PickNotAny<A, B> = __VLS_IsAny<A> extends true ? B : A;
-    const __VLS_intrinsicElements: __VLS_IntrinsicElements;
-    function __VLS_getVForSourceType(source: number): [number, number, number][];
-    function __VLS_getVForSourceType(source: string): [string, number, number][];
-    function __VLS_getVForSourceType<T extends any[]>(source: T): [
-        item: T[number],
-        key: number,
-        index: number
-    ][];
-    function __VLS_getVForSourceType<T extends {
-        [Symbol.iterator](): Iterator<any>;
-    }>(source: T): [
-        item: T extends {
-            [Symbol.iterator](): Iterator<infer T1>;
-        } ? T1 : never,
-        key: number,
-        index: undefined
-    ][];
-    function __VLS_getVForSourceType<T extends number | {
-        [Symbol.iterator](): Iterator<any>;
-    }>(source: T): [
-        item: number | (Exclude<T, number> extends {
-            [Symbol.iterator](): Iterator<infer T1>;
-        } ? T1 : never),
-        key: number,
-        index: undefined
-    ][];
-    function __VLS_getVForSourceType<T>(source: T): [
-        item: T[keyof T],
-        key: keyof T,
-        index: number
-    ][];
-    function __VLS_getSlotParams<T>(slot: T): Parameters<__VLS_PickNotAny<NonNullable<T>, (...args: any[]) => any>>;
-    function __VLS_getSlotParam<T>(slot: T): Parameters<__VLS_PickNotAny<NonNullable<T>, (...args: any[]) => any>>[0];
-    function __VLS_directiveFunction<T>(dir: T): T extends import('vue').ObjectDirective<infer E, infer V> | import('vue').FunctionDirective<infer E, infer V> ? (value: V) => void : T;
-    function __VLS_withScope<T, K>(ctx: T, scope: K): ctx is T & K;
-    function __VLS_makeOptional<T>(t: T): {
-        [K in keyof T]?: T[K];
-    };
-    type __VLS_SelfComponent<N, C> = string extends N ? {} : N extends string ? {
-        [P in N]: C;
-    } : {};
-    type __VLS_WithComponent<N0 extends string, LocalComponents, N1 extends string, N2 extends string, N3 extends string> = N1 extends keyof LocalComponents ? N1 extends N0 ? Pick<LocalComponents, N0 extends keyof LocalComponents ? N0 : never> : {
-        [K in N0]: LocalComponents[N1];
-    } : N2 extends keyof LocalComponents ? N2 extends N0 ? Pick<LocalComponents, N0 extends keyof LocalComponents ? N0 : never> : {
-        [K in N0]: LocalComponents[N2];
-    } : N3 extends keyof LocalComponents ? N3 extends N0 ? Pick<LocalComponents, N0 extends keyof LocalComponents ? N0 : never> : {
-        [K in N0]: LocalComponents[N3];
-    } : N1 extends keyof __VLS_GlobalComponents ? N1 extends N0 ? Pick<__VLS_GlobalComponents, N0 extends keyof __VLS_GlobalComponents ? N0 : never> : {
-        [K in N0]: __VLS_GlobalComponents[N1];
-    } : N2 extends keyof __VLS_GlobalComponents ? N2 extends N0 ? Pick<__VLS_GlobalComponents, N0 extends keyof __VLS_GlobalComponents ? N0 : never> : {
-        [K in N0]: __VLS_GlobalComponents[N2];
-    } : N3 extends keyof __VLS_GlobalComponents ? N3 extends N0 ? Pick<__VLS_GlobalComponents, N0 extends keyof __VLS_GlobalComponents ? N0 : never> : {
-        [K in N0]: __VLS_GlobalComponents[N3];
-    } : {
-        [K in N0]: unknown;
-    };
-    function __VLS_asFunctionalComponent<T, K = T extends new (...args: any) => any ? InstanceType<T> : unknown>(t: T, instance?: K): T extends new (...args: any) => any ? (props: (K extends {
-        $props: infer Props;
-    } ? Props : any) & Record<string, unknown>, ctx?: any) => __VLS_Element & {
-        __ctx?: {
-            attrs?: any;
-            slots?: K extends {
-                $slots: infer Slots;
-            } ? Slots : any;
-            emit?: K extends {
-                $emit: infer Emit;
-            } ? Emit : any;
-        } & {
-            props?: (K extends {
-                $props: infer Props;
-            } ? Props : any) & Record<string, unknown>;
-            expose?(exposed: K): void;
-        };
-    } : T extends () => any ? (props: {}, ctx?: any) => ReturnType<T> : T extends (...args: any) => any ? T : (_: {} & Record<string, unknown>, ctx?: any) => {
-        __ctx?: {
-            attrs?: any;
-            expose?: any;
-            slots?: any;
-            emit?: any;
-            props?: {} & Record<string, unknown>;
-        };
-    };
-    function __VLS_elementAsFunction<T>(tag: T, endTag?: T): (_: T & Record<string, unknown>) => void;
-    function __VLS_functionalComponentArgsRest<T extends (...args: any) => any>(t: T): Parameters<T>['length'] extends 2 ? [any] : [];
-    function __VLS_pickFunctionalComponentCtx<T, K>(comp: T, compInstance: K): __VLS_PickNotAny<'__ctx' extends keyof __VLS_PickNotAny<K, {}> ? K extends {
-        __ctx?: infer Ctx;
-    } ? Ctx : never : any, T extends (props: any, ctx: infer Ctx) => any ? Ctx : any>;
-    type __VLS_FunctionalComponentProps<T, K> = '__ctx' extends keyof __VLS_PickNotAny<K, {}> ? K extends {
-        __ctx?: {
-            props?: infer P;
-        };
-    } ? NonNullable<P> : never : T extends (props: infer P, ...args: any) => any ? P : {};
-    type __VLS_AsFunctionOrAny<F> = unknown extends F ? any : ((...args: any) => any) extends F ? F : any;
-    function __VLS_normalizeSlot<S>(s: S): S extends () => infer R ? (props: {}) => R : S;
-    /**
-     * emit
-     */
-    type __VLS_UnionToIntersection<U> = (U extends unknown ? (arg: U) => unknown : never) extends ((arg: infer P) => unknown) ? P : never;
-    type __VLS_OverloadUnionInner<T, U = unknown> = U & T extends (...args: infer A) => infer R ? U extends T ? never : __VLS_OverloadUnionInner<T, Pick<T, keyof T> & U & ((...args: A) => R)> | ((...args: A) => R) : never;
-    type __VLS_OverloadUnion<T> = Exclude<__VLS_OverloadUnionInner<(() => never) & T>, T extends () => never ? never : () => never>;
-    type __VLS_ConstructorOverloads<T> = __VLS_OverloadUnion<T> extends infer F ? F extends (event: infer E, ...args: infer A) => any ? {
-        [K in E & string]: (...args: A) => void;
-    } : never : never;
-    type __VLS_NormalizeEmits<T> = __VLS_PrettifyGlobal<__VLS_UnionToIntersection<__VLS_ConstructorOverloads<T> & {
-        [K in keyof T]: T[K] extends any[] ? {
-            (...args: T[K]): void;
-        } : never;
-    }>>;
-    type __VLS_PrettifyGlobal<T> = {
-        [K in keyof T]: T[K];
-    } & {};
-}
-export declare const __VLS_globalTypesEnd: {};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/src/lib/components/ContextMenu/ContextMenuItem.vue.d.ts

@@ -1,8 +1,8 @@
-declare const _default: import('vue').DefineComponent<{
-    icon?: string | undefined;
+type __VLS_Props = {
+    /** 图标 class，如 stack-tab__icon-reload svg-mask */
+    icon?: string;
+    /** 显示文本 */
     title: string;
-}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-    icon?: string | undefined;
-    title: string;
-}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/dist/src/lib/components/ContextMenu/index.vue.d.ts

@@ -1,21 +1,21 @@
 import { ITabItem, IContextMenu } from '../../model/TabModel';
-
-declare const _default: import('vue').DefineComponent<{
+type __VLS_Props = {
     index: number;
-    left: number;
-    top: number;
-    contextMenu?: IContextMenu[] | undefined;
-    tabItem: ITabItem;
-    max: number;
-}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-    index: number;
-    left: number;
-    top: number;
-    contextMenu?: IContextMenu[] | undefined;
+    left?: number;
+    top?: number;
+    contextMenu?: Array<IContextMenu>;
     tabItem: ITabItem;
     max: number;
-}> & Readonly<{}>, {
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: (() => any) | undefined;
+}>, {
     left: number;
     top: number;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+    contextMenu: Array<IContextMenu>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    menuElementRef: HTMLDivElement;
+}, HTMLDivElement>;
 export default _default;

package/dist/src/lib/components/PageLoading.vue.d.ts

@@ -1,6 +1,6 @@
-declare const _default: import('vue').DefineComponent<{
-    tId: string;
-}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-    tId: string;
-}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+type __VLS_Props = {
+    /** 当前标签 id，用于过滤 PAGE_LOADING 事件 */
+    tabId: string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/src/lib/components/TabHeader/TabHeaderButton.vue.d.ts

@@ -1,20 +1,29 @@
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
-    disabled?: boolean | undefined;
-    shadow?: string | null | undefined;
-    iconClass?: string | undefined;
-    title?: string | undefined;
-}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-    disabled?: boolean | undefined;
-    shadow?: string | null | undefined;
-    iconClass?: string | undefined;
-    title?: string | undefined;
-}> & Readonly<{}>, {
+type __VLS_Props = {
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 阴影方向，用于滚动到边界时的视觉提示 */
+    shadow?: 'left' | 'right' | null;
+    /** 图标 class（无 slot 时使用） */
+    iconClass?: string;
+    /** 悬停提示 */
+    title?: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        icon?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    title: string;
     disabled: boolean;
-    shadow: string | null;
+    shadow: "left" | "right" | null;
     iconClass: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
-    icon?(_: {}): any;
-}>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/src/lib/components/TabHeader/TabHeaderItem.vue.d.ts

@@ -1,12 +1,14 @@
-declare const _default: import('vue').DefineComponent<{
+import { ITabItem } from '../../model/TabModel';
+type __VLS_Props = {
     item: ITabItem;
-}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    close: (...args: any[]) => void;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     active: (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<{
-    item: ITabItem;
-}> & Readonly<{
-    onClose?: ((...args: any[]) => any) | undefined;
+    close: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onActive?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+    onClose?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    tabElementRef: HTMLLIElement;
+}, HTMLLIElement>;
 export default _default;

package/dist/src/lib/components/TabHeader/TabHeaderScroll.vue.d.ts

@@ -1,21 +1,39 @@
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
-    space?: number | undefined;
-    isScrollWheel?: boolean | undefined;
-    isScrollButton?: boolean | undefined;
-}, {
+type __VLS_Props = {
+    /** 每次点击箭头或滚轮的移动距离（px） */
+    space?: number;
+    /** 是否支持滚轮滚动 */
+    isScrollWheel?: boolean;
+    /** 是否显示左右箭头 */
+    isScrollButton?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        headerScroll: HTMLDivElement;
+        container: HTMLDivElement;
+        bar: HTMLDivElement;
+        thumb: HTMLDivElement;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
     scrollIntoView: (el: HTMLElement) => void;
     isInView: (el: HTMLElement) => boolean;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-    space?: number | undefined;
-    isScrollWheel?: boolean | undefined;
-    isScrollButton?: boolean | undefined;
-}> & Readonly<{}>, {
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     space: number;
     isScrollWheel: boolean;
     isScrollButton: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
-    default?(_: {}): any;
-}>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    headerScroll: HTMLDivElement;
+    container: HTMLDivElement;
+    bar: HTMLDivElement;
+    thumb: HTMLDivElement;
+}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/src/lib/components/TabHeader/index.vue.d.ts

@@ -1,31 +1,183 @@
-import { TransitionProps } from 'vue';
+import { nextTick, TransitionProps } from 'vue';
 import { TabScrollMode } from '../../model/TabModel';
-
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
+type __VLS_Props = {
     space: number;
-    tabScrollMode?: TabScrollMode | undefined;
-    tabTransition?: string | TransitionProps | undefined;
-    contextmenu?: boolean | object | undefined;
-    max?: number | undefined;
-}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    tabScrollMode?: TabScrollMode;
+    tabTransition?: string | TransitionProps;
+    contextmenu?: boolean | object;
+    max?: number;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        leftButton?(_: {}): any;
+        rightButton?(_: {}): any;
+    };
+    refs: {
+        scrollContainerRef: ({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly space?: number | undefined;
+                readonly isScrollWheel?: boolean | undefined;
+                readonly isScrollButton?: boolean | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            } & {
+                headerScroll: HTMLDivElement;
+                container: HTMLDivElement;
+                bar: HTMLDivElement;
+                thumb: HTMLDivElement;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any> | undefined;
+            }>;
+            $root: import('vue').ComponentPublicInstance | null;
+            $parent: import('vue').ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: (event: string, ...args: any[]) => void;
+            $el: any;
+            $options: import('vue').ComponentOptionsBase<Readonly<{
+                space?: number;
+                isScrollWheel?: boolean;
+                isScrollButton?: boolean;
+            }> & Readonly<{}>, {
+                scrollIntoView: (el: HTMLElement) => void;
+                isInView: (el: HTMLElement) => boolean;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+                space: number;
+                isScrollWheel: boolean;
+                isScrollButton: boolean;
+            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+        } & Readonly<{
+            space: number;
+            isScrollWheel: boolean;
+            isScrollButton: boolean;
+        }> & Omit<Readonly<{
+            space?: number;
+            isScrollWheel?: boolean;
+            isScrollButton?: boolean;
+        }> & Readonly<{}>, "scrollIntoView" | "isInView" | ("space" | "isScrollWheel" | "isScrollButton")> & import('vue').ShallowUnwrapRef<{
+            scrollIntoView: (el: HTMLElement) => void;
+            isInView: (el: HTMLElement) => boolean;
+        }> & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: {
+                default?(_: {}): any;
+            };
+        }) | null;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     active: (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<{
-    space: number;
-    tabScrollMode?: TabScrollMode | undefined;
-    tabTransition?: string | TransitionProps | undefined;
-    contextmenu?: boolean | object | undefined;
-    max?: number | undefined;
-}> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onActive?: ((...args: any[]) => any) | undefined;
 }>, {
-    contextmenu: boolean | object;
     max: number;
+    contextmenu: boolean | object;
     tabScrollMode: TabScrollMode;
     tabTransition: string | TransitionProps;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
-    leftButton?(_: {}): any;
-    rightButton?(_: {}): any;
-}>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    scrollContainerRef: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly space?: number | undefined;
+            readonly isScrollWheel?: boolean | undefined;
+            readonly isScrollButton?: boolean | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        } & {
+            headerScroll: HTMLDivElement;
+            container: HTMLDivElement;
+            bar: HTMLDivElement;
+            thumb: HTMLDivElement;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import('vue').ComponentOptionsBase<Readonly<{
+            space?: number;
+            isScrollWheel?: boolean;
+            isScrollButton?: boolean;
+        }> & Readonly<{}>, {
+            scrollIntoView: (el: HTMLElement) => void;
+            isInView: (el: HTMLElement) => boolean;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+            space: number;
+            isScrollWheel: boolean;
+            isScrollButton: boolean;
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+    } & Readonly<{
+        space: number;
+        isScrollWheel: boolean;
+        isScrollButton: boolean;
+    }> & Omit<Readonly<{
+        space?: number;
+        isScrollWheel?: boolean;
+        isScrollButton?: boolean;
+    }> & Readonly<{}>, "scrollIntoView" | "isInView" | ("space" | "isScrollWheel" | "isScrollButton")> & import('vue').ShallowUnwrapRef<{
+        scrollIntoView: (el: HTMLElement) => void;
+        isInView: (el: HTMLElement) => boolean;
+    }> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            default?(_: {}): any;
+        };
+    }) | null;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/src/lib/hooks/tabPanel/evict.d.ts

@@ -0,0 +1,24 @@
+import { ITabPage } from '../../model/TabModel';
+/** 标记缓存为待驱逐 */
+export declare const markCacheForEviction: (cacheName: string) => void;
+/** 标记标签下所有页面为可驱逐，并标记该标签（关闭场景） */
+export declare const markTabPagesForEviction: (tab: {
+    id: string;
+    pages: {
+        list(): ITabPage[];
+    };
+}) => void;
+/** 仅标记标签下所有页面为可驱逐（续签场景） */
+export declare const markTabPagesForEvictionOnly: (tab: {
+    pages: {
+        list(): ITabPage[];
+    };
+}) => void;
+/** 将缓存 id 加入 caches */
+export declare const addCache: (cacheName: string) => void;
+/** 从 caches 中移除指定 id */
+export declare const removeCache: (cacheName: string) => void;
+/** 立即驱逐单个页面缓存 */
+export declare const evictPageCache: (cacheName: string) => void;
+/** 执行所有待驱逐缓存的驱逐 */
+export declare const evictMarkedCaches: () => void;

package/dist/src/lib/hooks/tabPanel/evict.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/lib/hooks/tabPanel/scroll.d.ts

@@ -0,0 +1,8 @@
+/** 恢复指定页面的滚动位置 */
+export declare const restoreScroller: (pageCacheId: string) => void;
+/** 保存指定页面的滚动位置 */
+export declare const saveScroller: (pageCacheId: string) => void;
+/** 移除指定页面的滚动记录 */
+export declare const removeScroller: (pageCacheId: string) => void;
+/** 为页面注册需要记录滚动位置的选择器 */
+export declare const addPageScroller: (pageCacheId: string, ...selectorIds: string[]) => void;