mamba-layout 0.1.0

package/dist/layout/hooks/useState.d.ts

@@ -0,0 +1,763 @@
+import { Ref } from 'vue';
+import { RouteItem } from '../../utils/repoUtils';
+export interface RouteItemWithPath extends RouteItem {
+    paths?: RouteItem[];
+}
+export interface LayoutContext {
+    menus: Ref<RouteItem[]>;
+    currentEndRoute: Ref<RouteItemWithPath | undefined>;
+    currentEndParentRoute: Ref<RouteItem | undefined>;
+    currentTabPath: Ref<string>;
+    currentAppId: Ref<string>;
+    defaultParentActive: Ref<string>;
+    sideOpen: Ref<boolean>;
+    isMobile: Ref<boolean>;
+    getMenus: () => RouteItem[];
+}
+export declare const injectLayoutContext: <T extends LayoutContext | null | undefined = LayoutContext>(fallback?: T | undefined) => T extends null ? LayoutContext | null : LayoutContext, provideLayoutContext: (contextValue: LayoutContext) => LayoutContext;
+export declare function useStateHook(): {
+    menus: Ref<{
+        [x: string]: unknown;
+        id?: string | undefined;
+        path?: string | undefined;
+        name?: string | undefined;
+        icon?: string | undefined;
+        fullPath?: string | undefined;
+        title?: string | undefined;
+        children?: /*elided*/ any[] | undefined;
+        disabled?: boolean | undefined;
+        menuType?: string | undefined;
+        meta?: {
+            [x: string]: unknown;
+            appId?: string | undefined;
+            appName?: string | undefined;
+            icon?: string | undefined;
+            isAffix?: boolean | undefined;
+            isHide?: boolean | undefined;
+            isKeepAlive?: boolean | undefined;
+            isLink?: boolean | undefined;
+            permissionMenuId?: string | undefined;
+            title?: string | undefined;
+            visible?: string | undefined;
+            translations?: import('../../utils/repoUtils').Translations | {
+                name?: string | undefined;
+                description?: string | undefined;
+                tooltip?: string | undefined;
+            } | undefined;
+            parent?: string | undefined;
+            parentPath?: string | undefined;
+            transition?: string | undefined;
+            hideSidebar?: boolean | undefined;
+        } | undefined;
+    }[], RouteItem[] | {
+        [x: string]: unknown;
+        id?: string | undefined;
+        path?: string | undefined;
+        name?: string | undefined;
+        icon?: string | undefined;
+        fullPath?: string | undefined;
+        title?: string | undefined;
+        children?: /*elided*/ any[] | undefined;
+        disabled?: boolean | undefined;
+        menuType?: string | undefined;
+        meta?: {
+            [x: string]: unknown;
+            appId?: string | undefined;
+            appName?: string | undefined;
+            icon?: string | undefined;
+            isAffix?: boolean | undefined;
+            isHide?: boolean | undefined;
+            isKeepAlive?: boolean | undefined;
+            isLink?: boolean | undefined;
+            permissionMenuId?: string | undefined;
+            title?: string | undefined;
+            visible?: string | undefined;
+            translations?: import('../../utils/repoUtils').Translations | {
+                name?: string | undefined;
+                description?: string | undefined;
+                tooltip?: string | undefined;
+            } | undefined;
+            parent?: string | undefined;
+            parentPath?: string | undefined;
+            transition?: string | undefined;
+            hideSidebar?: boolean | undefined;
+        } | undefined;
+    }[]>;
+    currentEndRoute: Ref<RouteItemWithPath | undefined, RouteItemWithPath | undefined>;
+    currentTabPath: Ref<string, string>;
+    currentAppId: Ref<string, string>;
+    defaultParentActive: Ref<string, string>;
+    sideOpen: Ref<boolean, boolean>;
+    isMobile: Ref<boolean, boolean>;
+    getMenus: () => RouteItem[];
+    currentEndParentRoute: Ref<RouteItem | undefined, RouteItem | undefined>;
+    leftScrollRef: Ref<({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            readonly tabindex: string | number;
+            readonly height: string | number;
+            readonly maxHeight: string | number;
+            readonly always: boolean;
+            readonly minSize: number;
+            readonly distance: number;
+            readonly wrapStyle: import('vue').StyleValue;
+            readonly wrapClass: string | unknown[];
+            readonly viewClass: string | unknown[];
+            readonly viewStyle: string | unknown[] | Record<string, any>;
+            readonly tag: string;
+            readonly native: boolean;
+            readonly noresize: boolean;
+        }> & Omit<{
+            readonly distance: number;
+            readonly height: string | number;
+            readonly maxHeight: string | number;
+            readonly native: boolean;
+            readonly wrapStyle: string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null;
+            readonly wrapClass: string | unknown[];
+            readonly viewClass: string | unknown[];
+            readonly viewStyle: string | unknown[] | Record<string, any>;
+            readonly noresize: boolean;
+            readonly tag: string;
+            readonly always: boolean;
+            readonly minSize: number;
+            readonly id?: string | undefined;
+            readonly ariaLabel?: string | undefined;
+            readonly ariaOrientation?: string | undefined;
+            readonly tabindex?: (string | number) | undefined;
+            readonly role?: string | undefined;
+            onScroll?: ((args_0: {
+                scrollTop: number;
+                scrollLeft: number;
+            }) => any) | undefined | undefined;
+            "onEnd-reached"?: ((direction: import('element-plus').ScrollbarDirection) => any) | undefined | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "distance" | "height" | "maxHeight" | "native" | "wrapStyle" | "wrapClass" | "viewClass" | "viewStyle" | "noresize" | "tag" | "always" | "minSize" | "tabindex">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: ((event: "scroll", args_0: {
+            scrollTop: number;
+            scrollLeft: number;
+        }) => void) & ((event: "end-reached", direction: import('element-plus').ScrollbarDirection) => void);
+        $el: any;
+        $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+            readonly ariaLabel: StringConstructor;
+            readonly ariaOrientation: {
+                readonly type: import('vue').PropType<string>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly distance: {
+                readonly type: import('vue').PropType<number>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: 0;
+            };
+            readonly height: {
+                readonly type: import('vue').PropType<string | number>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: "";
+            };
+            readonly maxHeight: {
+                readonly type: import('vue').PropType<string | number>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: "";
+            };
+            readonly native: BooleanConstructor;
+            readonly wrapStyle: {
+                readonly type: import('vue').PropType<import('vue').StyleValue>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: "";
+            };
+            readonly wrapClass: {
+                readonly type: import('vue').PropType<string | unknown[]>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: "";
+            };
+            readonly viewClass: {
+                readonly type: import('vue').PropType<string | unknown[]>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: "";
+            };
+            readonly viewStyle: {
+                readonly type: import('vue').PropType<string | unknown[] | Record<string, any>>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: "";
+            };
+            readonly noresize: BooleanConstructor;
+            readonly tag: {
+                readonly type: import('vue').PropType<string>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: "div";
+            };
+            readonly always: BooleanConstructor;
+            readonly minSize: {
+                readonly type: import('vue').PropType<number>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: 20;
+            };
+            readonly tabindex: {
+                readonly type: import('vue').PropType<string | number>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: undefined;
+            };
+            readonly id: StringConstructor;
+            readonly role: StringConstructor;
+        }>> & {
+            onScroll?: ((args_0: {
+                scrollTop: number;
+                scrollLeft: number;
+            }) => any) | undefined;
+            "onEnd-reached"?: ((direction: import('element-plus').ScrollbarDirection) => any) | undefined;
+        }, {
+            wrapRef: Ref<HTMLDivElement | undefined>;
+            update: () => void;
+            scrollTo: {
+                (xCord: number, yCord?: number): void;
+                (options: ScrollToOptions): void;
+            };
+            setScrollTop: (value: number) => void;
+            setScrollLeft: (value: number) => void;
+            handleScroll: () => void;
+        }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            scroll: (args_0: {
+                scrollTop: number;
+                scrollLeft: number;
+            }) => void;
+            "end-reached": (direction: import('element-plus').ScrollbarDirection) => void;
+        }, string, {
+            readonly tabindex: string | number;
+            readonly height: string | number;
+            readonly maxHeight: string | number;
+            readonly always: boolean;
+            readonly minSize: number;
+            readonly distance: number;
+            readonly wrapStyle: import('vue').StyleValue;
+            readonly wrapClass: string | unknown[];
+            readonly viewClass: string | unknown[];
+            readonly viewStyle: string | unknown[] | Record<string, any>;
+            readonly tag: string;
+            readonly native: boolean;
+            readonly noresize: 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 import('vue').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<{
+        readonly tabindex: string | number;
+        readonly height: string | number;
+        readonly maxHeight: string | number;
+        readonly always: boolean;
+        readonly minSize: number;
+        readonly distance: number;
+        readonly wrapStyle: import('vue').StyleValue;
+        readonly wrapClass: string | unknown[];
+        readonly viewClass: string | unknown[];
+        readonly viewStyle: string | unknown[] | Record<string, any>;
+        readonly tag: string;
+        readonly native: boolean;
+        readonly noresize: boolean;
+    }> & Omit<Readonly<import('vue').ExtractPropTypes<{
+        readonly ariaLabel: StringConstructor;
+        readonly ariaOrientation: {
+            readonly type: import('vue').PropType<string>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        readonly distance: {
+            readonly type: import('vue').PropType<number>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: 0;
+        };
+        readonly height: {
+            readonly type: import('vue').PropType<string | number>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: "";
+        };
+        readonly maxHeight: {
+            readonly type: import('vue').PropType<string | number>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: "";
+        };
+        readonly native: BooleanConstructor;
+        readonly wrapStyle: {
+            readonly type: import('vue').PropType<import('vue').StyleValue>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: "";
+        };
+        readonly wrapClass: {
+            readonly type: import('vue').PropType<string | unknown[]>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: "";
+        };
+        readonly viewClass: {
+            readonly type: import('vue').PropType<string | unknown[]>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: "";
+        };
+        readonly viewStyle: {
+            readonly type: import('vue').PropType<string | unknown[] | Record<string, any>>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: "";
+        };
+        readonly noresize: BooleanConstructor;
+        readonly tag: {
+            readonly type: import('vue').PropType<string>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: "div";
+        };
+        readonly always: BooleanConstructor;
+        readonly minSize: {
+            readonly type: import('vue').PropType<number>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: 20;
+        };
+        readonly tabindex: {
+            readonly type: import('vue').PropType<string | number>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: undefined;
+        };
+        readonly id: StringConstructor;
+        readonly role: StringConstructor;
+    }>> & {
+        onScroll?: ((args_0: {
+            scrollTop: number;
+            scrollLeft: number;
+        }) => any) | undefined;
+        "onEnd-reached"?: ((direction: import('element-plus').ScrollbarDirection) => any) | undefined;
+    }, "distance" | "height" | "maxHeight" | "native" | "wrapStyle" | "wrapClass" | "viewClass" | "viewStyle" | "noresize" | "tag" | "always" | "minSize" | "tabindex" | "wrapRef" | "update" | "scrollTo" | "setScrollTop" | "setScrollLeft" | "handleScroll"> & import('vue').ShallowUnwrapRef<{
+        wrapRef: Ref<HTMLDivElement | undefined>;
+        update: () => void;
+        scrollTo: {
+            (xCord: number, yCord?: number): void;
+            (options: ScrollToOptions): void;
+        };
+        setScrollTop: (value: number) => void;
+        setScrollLeft: (value: number) => void;
+        handleScroll: () => void;
+    }> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            default?(_: {}): any;
+        };
+    }) | undefined, ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            readonly tabindex: string | number;
+            readonly height: string | number;
+            readonly maxHeight: string | number;
+            readonly always: boolean;
+            readonly minSize: number;
+            readonly distance: number;
+            readonly wrapStyle: import('vue').StyleValue;
+            readonly wrapClass: string | unknown[];
+            readonly viewClass: string | unknown[];
+            readonly viewStyle: string | unknown[] | Record<string, any>;
+            readonly tag: string;
+            readonly native: boolean;
+            readonly noresize: boolean;
+        }> & Omit<{
+            readonly distance: number;
+            readonly height: string | number;
+            readonly maxHeight: string | number;
+            readonly native: boolean;
+            readonly wrapStyle: string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null;
+            readonly wrapClass: string | unknown[];
+            readonly viewClass: string | unknown[];
+            readonly viewStyle: string | unknown[] | Record<string, any>;
+            readonly noresize: boolean;
+            readonly tag: string;
+            readonly always: boolean;
+            readonly minSize: number;
+            readonly id?: string | undefined;
+            readonly ariaLabel?: string | undefined;
+            readonly ariaOrientation?: string | undefined;
+            readonly tabindex?: (string | number) | undefined;
+            readonly role?: string | undefined;
+            onScroll?: ((args_0: {
+                scrollTop: number;
+                scrollLeft: number;
+            }) => any) | undefined | undefined;
+            "onEnd-reached"?: ((direction: import('element-plus').ScrollbarDirection) => any) | undefined | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "distance" | "height" | "maxHeight" | "native" | "wrapStyle" | "wrapClass" | "viewClass" | "viewStyle" | "noresize" | "tag" | "always" | "minSize" | "tabindex">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: ((event: "scroll", args_0: {
+            scrollTop: number;
+            scrollLeft: number;
+        }) => void) & ((event: "end-reached", direction: import('element-plus').ScrollbarDirection) => void);
+        $el: any;
+        $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+            readonly ariaLabel: StringConstructor;
+            readonly ariaOrientation: {
+                readonly type: import('vue').PropType<string>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly distance: {
+                readonly type: import('vue').PropType<number>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: 0;
+            };
+            readonly height: {
+                readonly type: import('vue').PropType<string | number>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: "";
+            };
+            readonly maxHeight: {
+                readonly type: import('vue').PropType<string | number>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: "";
+            };
+            readonly native: BooleanConstructor;
+            readonly wrapStyle: {
+                readonly type: import('vue').PropType<import('vue').StyleValue>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: "";
+            };
+            readonly wrapClass: {
+                readonly type: import('vue').PropType<string | unknown[]>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: "";
+            };
+            readonly viewClass: {
+                readonly type: import('vue').PropType<string | unknown[]>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: "";
+            };
+            readonly viewStyle: {
+                readonly type: import('vue').PropType<string | unknown[] | Record<string, any>>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: "";
+            };
+            readonly noresize: BooleanConstructor;
+            readonly tag: {
+                readonly type: import('vue').PropType<string>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: "div";
+            };
+            readonly always: BooleanConstructor;
+            readonly minSize: {
+                readonly type: import('vue').PropType<number>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: 20;
+            };
+            readonly tabindex: {
+                readonly type: import('vue').PropType<string | number>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: undefined;
+            };
+            readonly id: StringConstructor;
+            readonly role: StringConstructor;
+        }>> & {
+            onScroll?: ((args_0: {
+                scrollTop: number;
+                scrollLeft: number;
+            }) => any) | undefined;
+            "onEnd-reached"?: ((direction: import('element-plus').ScrollbarDirection) => any) | undefined;
+        }, {
+            wrapRef: Ref<HTMLDivElement | undefined>;
+            update: () => void;
+            scrollTo: {
+                (xCord: number, yCord?: number): void;
+                (options: ScrollToOptions): void;
+            };
+            setScrollTop: (value: number) => void;
+            setScrollLeft: (value: number) => void;
+            handleScroll: () => void;
+        }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            scroll: (args_0: {
+                scrollTop: number;
+                scrollLeft: number;
+            }) => void;
+            "end-reached": (direction: import('element-plus').ScrollbarDirection) => void;
+        }, string, {
+            readonly tabindex: string | number;
+            readonly height: string | number;
+            readonly maxHeight: string | number;
+            readonly always: boolean;
+            readonly minSize: number;
+            readonly distance: number;
+            readonly wrapStyle: import('vue').StyleValue;
+            readonly wrapClass: string | unknown[];
+            readonly viewClass: string | unknown[];
+            readonly viewStyle: string | unknown[] | Record<string, any>;
+            readonly tag: string;
+            readonly native: boolean;
+            readonly noresize: 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 import('vue').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<{
+        readonly tabindex: string | number;
+        readonly height: string | number;
+        readonly maxHeight: string | number;
+        readonly always: boolean;
+        readonly minSize: number;
+        readonly distance: number;
+        readonly wrapStyle: import('vue').StyleValue;
+        readonly wrapClass: string | unknown[];
+        readonly viewClass: string | unknown[];
+        readonly viewStyle: string | unknown[] | Record<string, any>;
+        readonly tag: string;
+        readonly native: boolean;
+        readonly noresize: boolean;
+    }> & Omit<Readonly<import('vue').ExtractPropTypes<{
+        readonly ariaLabel: StringConstructor;
+        readonly ariaOrientation: {
+            readonly type: import('vue').PropType<string>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        readonly distance: {
+            readonly type: import('vue').PropType<number>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: 0;
+        };
+        readonly height: {
+            readonly type: import('vue').PropType<string | number>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: "";
+        };
+        readonly maxHeight: {
+            readonly type: import('vue').PropType<string | number>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: "";
+        };
+        readonly native: BooleanConstructor;
+        readonly wrapStyle: {
+            readonly type: import('vue').PropType<import('vue').StyleValue>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: "";
+        };
+        readonly wrapClass: {
+            readonly type: import('vue').PropType<string | unknown[]>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: "";
+        };
+        readonly viewClass: {
+            readonly type: import('vue').PropType<string | unknown[]>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: "";
+        };
+        readonly viewStyle: {
+            readonly type: import('vue').PropType<string | unknown[] | Record<string, any>>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: "";
+        };
+        readonly noresize: BooleanConstructor;
+        readonly tag: {
+            readonly type: import('vue').PropType<string>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: "div";
+        };
+        readonly always: BooleanConstructor;
+        readonly minSize: {
+            readonly type: import('vue').PropType<number>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: 20;
+        };
+        readonly tabindex: {
+            readonly type: import('vue').PropType<string | number>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: undefined;
+        };
+        readonly id: StringConstructor;
+        readonly role: StringConstructor;
+    }>> & {
+        onScroll?: ((args_0: {
+            scrollTop: number;
+            scrollLeft: number;
+        }) => any) | undefined;
+        "onEnd-reached"?: ((direction: import('element-plus').ScrollbarDirection) => any) | undefined;
+    }, "distance" | "height" | "maxHeight" | "native" | "wrapStyle" | "wrapClass" | "viewClass" | "viewStyle" | "noresize" | "tag" | "always" | "minSize" | "tabindex" | "wrapRef" | "update" | "scrollTo" | "setScrollTop" | "setScrollLeft" | "handleScroll"> & import('vue').ShallowUnwrapRef<{
+        wrapRef: Ref<HTMLDivElement | undefined>;
+        update: () => void;
+        scrollTo: {
+            (xCord: number, yCord?: number): void;
+            (options: ScrollToOptions): void;
+        };
+        setScrollTop: (value: number) => void;
+        setScrollLeft: (value: number) => void;
+        handleScroll: () => void;
+    }> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            default?(_: {}): any;
+        };
+    }) | undefined>;
+};