@dazhicheng/ui 1.1.1 → 1.4.2

package/dist/components/tt-table/src/hooks/useLeftRightSlot.d.ts

@@ -0,0 +1,1083 @@
+import { VxeGridInstance } from 'vxe-table';
+import { TtTableLeftRightRowNode, TtTableProps } from '../types/table';
+import { Recordable } from '../../../../../../utils/src';
+import { ComputedRef, Ref } from 'vue';
+export declare function useLeftRightSlot(propsRef: ComputedRef<TtTableProps>, xGridRef: Ref<VxeGridInstance<Recordable>>, tableData: Ref<Recordable[]>): {
+    handleLeftRightSlotScroll: (scrollTop?: number) => Promise<void>;
+    handleLeftRightSlotInit: (isScrollInit?: boolean) => Promise<void>;
+    leftRightSlotRows: Ref<{
+        offsetTop?: number | undefined;
+        rowid?: string | undefined;
+        item?: any;
+        items?: any[] | undefined;
+        index?: number | undefined;
+        parent?: any;
+    }[], TtTableLeftRightRowNode[] | {
+        offsetTop?: number | undefined;
+        rowid?: string | undefined;
+        item?: any;
+        items?: any[] | undefined;
+        index?: number | undefined;
+        parent?: any;
+    }[]>;
+    tableHeaderHight: import('vue').ShallowRef<number, number>;
+    leftSlotScrollbarRef: Ref<({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            tabindex: number | string;
+            height: number | string;
+            maxHeight: number | string;
+            tag: keyof HTMLElementTagNameMap | (string & {});
+            minSize: number;
+            distance: number;
+            wrapStyle: string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null;
+            wrapClass: string | string[];
+            viewClass: string | string[];
+            viewStyle: string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null;
+        }> & Omit<{
+            readonly height: number | string;
+            readonly tag: keyof HTMLElementTagNameMap | (string & {});
+            readonly maxHeight: number | string;
+            readonly distance: number;
+            readonly wrapStyle: string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null;
+            readonly wrapClass: string | string[];
+            readonly viewClass: string | string[];
+            readonly viewStyle: string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null;
+            readonly minSize: number;
+            readonly id?: string | undefined;
+            readonly ariaLabel?: string | undefined;
+            readonly role?: string | undefined;
+            readonly tabindex?: number | string | undefined;
+            readonly native?: boolean | undefined;
+            readonly noresize?: boolean | undefined;
+            readonly always?: boolean | undefined;
+            readonly ariaOrientation?: "horizontal" | "vertical" | "undefined" | 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, "height" | "tag" | "maxHeight" | "tabindex" | "distance" | "wrapStyle" | "wrapClass" | "viewClass" | "viewStyle" | "minSize">;
+        $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<{
+            height: {
+                type: import('vue').PropType<string | number>;
+                default: string;
+            };
+            id: {
+                type: import('vue').PropType<string>;
+            };
+            ariaLabel: {
+                type: import('vue').PropType<string>;
+            };
+            role: {
+                type: import('vue').PropType<string>;
+            };
+            tag: {
+                type: import('vue').PropType<keyof HTMLElementTagNameMap | (string & {})>;
+                default: string;
+            };
+            maxHeight: {
+                type: import('vue').PropType<string | number>;
+                default: string;
+            };
+            tabindex: {
+                type: import('vue').PropType<string | number>;
+                default: undefined;
+            };
+            distance: {
+                type: import('vue').PropType<number>;
+                default: number;
+            };
+            native: {
+                type: import('vue').PropType<boolean>;
+            };
+            wrapStyle: {
+                type: import('vue').PropType<string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null>;
+                default: string;
+            };
+            wrapClass: {
+                type: import('vue').PropType<string | string[]>;
+                default: string;
+            };
+            viewClass: {
+                type: import('vue').PropType<string | string[]>;
+                default: string;
+            };
+            viewStyle: {
+                type: import('vue').PropType<string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null>;
+                default: string;
+            };
+            noresize: {
+                type: import('vue').PropType<boolean>;
+            };
+            always: {
+                type: import('vue').PropType<boolean>;
+            };
+            minSize: {
+                type: import('vue').PropType<number>;
+                default: number;
+            };
+            ariaOrientation: {
+                type: import('vue').PropType<"undefined" | "horizontal" | "vertical">;
+            };
+        }>> & {
+            onScroll?: ((args_0: {
+                scrollTop: number;
+                scrollLeft: number;
+            }) => any) | undefined;
+            "onEnd-reached"?: ((direction: import('element-plus').ScrollbarDirection) => any) | undefined;
+        }, {
+            wrapRef: import('vue').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, {
+            tabindex: number | string;
+            height: number | string;
+            maxHeight: number | string;
+            tag: keyof HTMLElementTagNameMap | (string & {});
+            minSize: number;
+            distance: number;
+            wrapStyle: string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null;
+            wrapClass: string | string[];
+            viewClass: string | string[];
+            viewStyle: string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null;
+        }, {}, 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<{
+        tabindex: number | string;
+        height: number | string;
+        maxHeight: number | string;
+        tag: keyof HTMLElementTagNameMap | (string & {});
+        minSize: number;
+        distance: number;
+        wrapStyle: string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null;
+        wrapClass: string | string[];
+        viewClass: string | string[];
+        viewStyle: string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null;
+    }> & Omit<Readonly<import('vue').ExtractPropTypes<{
+        height: {
+            type: import('vue').PropType<string | number>;
+            default: string;
+        };
+        id: {
+            type: import('vue').PropType<string>;
+        };
+        ariaLabel: {
+            type: import('vue').PropType<string>;
+        };
+        role: {
+            type: import('vue').PropType<string>;
+        };
+        tag: {
+            type: import('vue').PropType<keyof HTMLElementTagNameMap | (string & {})>;
+            default: string;
+        };
+        maxHeight: {
+            type: import('vue').PropType<string | number>;
+            default: string;
+        };
+        tabindex: {
+            type: import('vue').PropType<string | number>;
+            default: undefined;
+        };
+        distance: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        native: {
+            type: import('vue').PropType<boolean>;
+        };
+        wrapStyle: {
+            type: import('vue').PropType<string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null>;
+            default: string;
+        };
+        wrapClass: {
+            type: import('vue').PropType<string | string[]>;
+            default: string;
+        };
+        viewClass: {
+            type: import('vue').PropType<string | string[]>;
+            default: string;
+        };
+        viewStyle: {
+            type: import('vue').PropType<string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null>;
+            default: string;
+        };
+        noresize: {
+            type: import('vue').PropType<boolean>;
+        };
+        always: {
+            type: import('vue').PropType<boolean>;
+        };
+        minSize: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        ariaOrientation: {
+            type: import('vue').PropType<"undefined" | "horizontal" | "vertical">;
+        };
+    }>> & {
+        onScroll?: ((args_0: {
+            scrollTop: number;
+            scrollLeft: number;
+        }) => any) | undefined;
+        "onEnd-reached"?: ((direction: import('element-plus').ScrollbarDirection) => any) | undefined;
+    }, "height" | "tag" | "update" | "maxHeight" | "tabindex" | "handleScroll" | "scrollTo" | "distance" | "wrapStyle" | "wrapClass" | "viewClass" | "viewStyle" | "minSize" | "wrapRef" | "setScrollTop" | "setScrollLeft"> & import('vue').ShallowUnwrapRef<{
+        wrapRef: import('vue').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?: (props: {}) => any;
+        };
+    }) | undefined, ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            tabindex: number | string;
+            height: number | string;
+            maxHeight: number | string;
+            tag: keyof HTMLElementTagNameMap | (string & {});
+            minSize: number;
+            distance: number;
+            wrapStyle: string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null;
+            wrapClass: string | string[];
+            viewClass: string | string[];
+            viewStyle: string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null;
+        }> & Omit<{
+            readonly height: number | string;
+            readonly tag: keyof HTMLElementTagNameMap | (string & {});
+            readonly maxHeight: number | string;
+            readonly distance: number;
+            readonly wrapStyle: string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null;
+            readonly wrapClass: string | string[];
+            readonly viewClass: string | string[];
+            readonly viewStyle: string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null;
+            readonly minSize: number;
+            readonly id?: string | undefined;
+            readonly ariaLabel?: string | undefined;
+            readonly role?: string | undefined;
+            readonly tabindex?: number | string | undefined;
+            readonly native?: boolean | undefined;
+            readonly noresize?: boolean | undefined;
+            readonly always?: boolean | undefined;
+            readonly ariaOrientation?: "horizontal" | "vertical" | "undefined" | 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, "height" | "tag" | "maxHeight" | "tabindex" | "distance" | "wrapStyle" | "wrapClass" | "viewClass" | "viewStyle" | "minSize">;
+        $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<{
+            height: {
+                type: import('vue').PropType<string | number>;
+                default: string;
+            };
+            id: {
+                type: import('vue').PropType<string>;
+            };
+            ariaLabel: {
+                type: import('vue').PropType<string>;
+            };
+            role: {
+                type: import('vue').PropType<string>;
+            };
+            tag: {
+                type: import('vue').PropType<keyof HTMLElementTagNameMap | (string & {})>;
+                default: string;
+            };
+            maxHeight: {
+                type: import('vue').PropType<string | number>;
+                default: string;
+            };
+            tabindex: {
+                type: import('vue').PropType<string | number>;
+                default: undefined;
+            };
+            distance: {
+                type: import('vue').PropType<number>;
+                default: number;
+            };
+            native: {
+                type: import('vue').PropType<boolean>;
+            };
+            wrapStyle: {
+                type: import('vue').PropType<string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null>;
+                default: string;
+            };
+            wrapClass: {
+                type: import('vue').PropType<string | string[]>;
+                default: string;
+            };
+            viewClass: {
+                type: import('vue').PropType<string | string[]>;
+                default: string;
+            };
+            viewStyle: {
+                type: import('vue').PropType<string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null>;
+                default: string;
+            };
+            noresize: {
+                type: import('vue').PropType<boolean>;
+            };
+            always: {
+                type: import('vue').PropType<boolean>;
+            };
+            minSize: {
+                type: import('vue').PropType<number>;
+                default: number;
+            };
+            ariaOrientation: {
+                type: import('vue').PropType<"undefined" | "horizontal" | "vertical">;
+            };
+        }>> & {
+            onScroll?: ((args_0: {
+                scrollTop: number;
+                scrollLeft: number;
+            }) => any) | undefined;
+            "onEnd-reached"?: ((direction: import('element-plus').ScrollbarDirection) => any) | undefined;
+        }, {
+            wrapRef: import('vue').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, {
+            tabindex: number | string;
+            height: number | string;
+            maxHeight: number | string;
+            tag: keyof HTMLElementTagNameMap | (string & {});
+            minSize: number;
+            distance: number;
+            wrapStyle: string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null;
+            wrapClass: string | string[];
+            viewClass: string | string[];
+            viewStyle: string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null;
+        }, {}, 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<{
+        tabindex: number | string;
+        height: number | string;
+        maxHeight: number | string;
+        tag: keyof HTMLElementTagNameMap | (string & {});
+        minSize: number;
+        distance: number;
+        wrapStyle: string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null;
+        wrapClass: string | string[];
+        viewClass: string | string[];
+        viewStyle: string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null;
+    }> & Omit<Readonly<import('vue').ExtractPropTypes<{
+        height: {
+            type: import('vue').PropType<string | number>;
+            default: string;
+        };
+        id: {
+            type: import('vue').PropType<string>;
+        };
+        ariaLabel: {
+            type: import('vue').PropType<string>;
+        };
+        role: {
+            type: import('vue').PropType<string>;
+        };
+        tag: {
+            type: import('vue').PropType<keyof HTMLElementTagNameMap | (string & {})>;
+            default: string;
+        };
+        maxHeight: {
+            type: import('vue').PropType<string | number>;
+            default: string;
+        };
+        tabindex: {
+            type: import('vue').PropType<string | number>;
+            default: undefined;
+        };
+        distance: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        native: {
+            type: import('vue').PropType<boolean>;
+        };
+        wrapStyle: {
+            type: import('vue').PropType<string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null>;
+            default: string;
+        };
+        wrapClass: {
+            type: import('vue').PropType<string | string[]>;
+            default: string;
+        };
+        viewClass: {
+            type: import('vue').PropType<string | string[]>;
+            default: string;
+        };
+        viewStyle: {
+            type: import('vue').PropType<string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null>;
+            default: string;
+        };
+        noresize: {
+            type: import('vue').PropType<boolean>;
+        };
+        always: {
+            type: import('vue').PropType<boolean>;
+        };
+        minSize: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        ariaOrientation: {
+            type: import('vue').PropType<"undefined" | "horizontal" | "vertical">;
+        };
+    }>> & {
+        onScroll?: ((args_0: {
+            scrollTop: number;
+            scrollLeft: number;
+        }) => any) | undefined;
+        "onEnd-reached"?: ((direction: import('element-plus').ScrollbarDirection) => any) | undefined;
+    }, "height" | "tag" | "update" | "maxHeight" | "tabindex" | "handleScroll" | "scrollTo" | "distance" | "wrapStyle" | "wrapClass" | "viewClass" | "viewStyle" | "minSize" | "wrapRef" | "setScrollTop" | "setScrollLeft"> & import('vue').ShallowUnwrapRef<{
+        wrapRef: import('vue').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?: (props: {}) => any;
+        };
+    }) | undefined>;
+    rightSlotScrollbarRef: Ref<({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            tabindex: number | string;
+            height: number | string;
+            maxHeight: number | string;
+            tag: keyof HTMLElementTagNameMap | (string & {});
+            minSize: number;
+            distance: number;
+            wrapStyle: string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null;
+            wrapClass: string | string[];
+            viewClass: string | string[];
+            viewStyle: string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null;
+        }> & Omit<{
+            readonly height: number | string;
+            readonly tag: keyof HTMLElementTagNameMap | (string & {});
+            readonly maxHeight: number | string;
+            readonly distance: number;
+            readonly wrapStyle: string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null;
+            readonly wrapClass: string | string[];
+            readonly viewClass: string | string[];
+            readonly viewStyle: string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null;
+            readonly minSize: number;
+            readonly id?: string | undefined;
+            readonly ariaLabel?: string | undefined;
+            readonly role?: string | undefined;
+            readonly tabindex?: number | string | undefined;
+            readonly native?: boolean | undefined;
+            readonly noresize?: boolean | undefined;
+            readonly always?: boolean | undefined;
+            readonly ariaOrientation?: "horizontal" | "vertical" | "undefined" | 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, "height" | "tag" | "maxHeight" | "tabindex" | "distance" | "wrapStyle" | "wrapClass" | "viewClass" | "viewStyle" | "minSize">;
+        $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<{
+            height: {
+                type: import('vue').PropType<string | number>;
+                default: string;
+            };
+            id: {
+                type: import('vue').PropType<string>;
+            };
+            ariaLabel: {
+                type: import('vue').PropType<string>;
+            };
+            role: {
+                type: import('vue').PropType<string>;
+            };
+            tag: {
+                type: import('vue').PropType<keyof HTMLElementTagNameMap | (string & {})>;
+                default: string;
+            };
+            maxHeight: {
+                type: import('vue').PropType<string | number>;
+                default: string;
+            };
+            tabindex: {
+                type: import('vue').PropType<string | number>;
+                default: undefined;
+            };
+            distance: {
+                type: import('vue').PropType<number>;
+                default: number;
+            };
+            native: {
+                type: import('vue').PropType<boolean>;
+            };
+            wrapStyle: {
+                type: import('vue').PropType<string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null>;
+                default: string;
+            };
+            wrapClass: {
+                type: import('vue').PropType<string | string[]>;
+                default: string;
+            };
+            viewClass: {
+                type: import('vue').PropType<string | string[]>;
+                default: string;
+            };
+            viewStyle: {
+                type: import('vue').PropType<string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null>;
+                default: string;
+            };
+            noresize: {
+                type: import('vue').PropType<boolean>;
+            };
+            always: {
+                type: import('vue').PropType<boolean>;
+            };
+            minSize: {
+                type: import('vue').PropType<number>;
+                default: number;
+            };
+            ariaOrientation: {
+                type: import('vue').PropType<"undefined" | "horizontal" | "vertical">;
+            };
+        }>> & {
+            onScroll?: ((args_0: {
+                scrollTop: number;
+                scrollLeft: number;
+            }) => any) | undefined;
+            "onEnd-reached"?: ((direction: import('element-plus').ScrollbarDirection) => any) | undefined;
+        }, {
+            wrapRef: import('vue').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, {
+            tabindex: number | string;
+            height: number | string;
+            maxHeight: number | string;
+            tag: keyof HTMLElementTagNameMap | (string & {});
+            minSize: number;
+            distance: number;
+            wrapStyle: string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null;
+            wrapClass: string | string[];
+            viewClass: string | string[];
+            viewStyle: string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null;
+        }, {}, 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<{
+        tabindex: number | string;
+        height: number | string;
+        maxHeight: number | string;
+        tag: keyof HTMLElementTagNameMap | (string & {});
+        minSize: number;
+        distance: number;
+        wrapStyle: string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null;
+        wrapClass: string | string[];
+        viewClass: string | string[];
+        viewStyle: string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null;
+    }> & Omit<Readonly<import('vue').ExtractPropTypes<{
+        height: {
+            type: import('vue').PropType<string | number>;
+            default: string;
+        };
+        id: {
+            type: import('vue').PropType<string>;
+        };
+        ariaLabel: {
+            type: import('vue').PropType<string>;
+        };
+        role: {
+            type: import('vue').PropType<string>;
+        };
+        tag: {
+            type: import('vue').PropType<keyof HTMLElementTagNameMap | (string & {})>;
+            default: string;
+        };
+        maxHeight: {
+            type: import('vue').PropType<string | number>;
+            default: string;
+        };
+        tabindex: {
+            type: import('vue').PropType<string | number>;
+            default: undefined;
+        };
+        distance: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        native: {
+            type: import('vue').PropType<boolean>;
+        };
+        wrapStyle: {
+            type: import('vue').PropType<string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null>;
+            default: string;
+        };
+        wrapClass: {
+            type: import('vue').PropType<string | string[]>;
+            default: string;
+        };
+        viewClass: {
+            type: import('vue').PropType<string | string[]>;
+            default: string;
+        };
+        viewStyle: {
+            type: import('vue').PropType<string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null>;
+            default: string;
+        };
+        noresize: {
+            type: import('vue').PropType<boolean>;
+        };
+        always: {
+            type: import('vue').PropType<boolean>;
+        };
+        minSize: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        ariaOrientation: {
+            type: import('vue').PropType<"undefined" | "horizontal" | "vertical">;
+        };
+    }>> & {
+        onScroll?: ((args_0: {
+            scrollTop: number;
+            scrollLeft: number;
+        }) => any) | undefined;
+        "onEnd-reached"?: ((direction: import('element-plus').ScrollbarDirection) => any) | undefined;
+    }, "height" | "tag" | "update" | "maxHeight" | "tabindex" | "handleScroll" | "scrollTo" | "distance" | "wrapStyle" | "wrapClass" | "viewClass" | "viewStyle" | "minSize" | "wrapRef" | "setScrollTop" | "setScrollLeft"> & import('vue').ShallowUnwrapRef<{
+        wrapRef: import('vue').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?: (props: {}) => any;
+        };
+    }) | undefined, ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            tabindex: number | string;
+            height: number | string;
+            maxHeight: number | string;
+            tag: keyof HTMLElementTagNameMap | (string & {});
+            minSize: number;
+            distance: number;
+            wrapStyle: string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null;
+            wrapClass: string | string[];
+            viewClass: string | string[];
+            viewStyle: string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null;
+        }> & Omit<{
+            readonly height: number | string;
+            readonly tag: keyof HTMLElementTagNameMap | (string & {});
+            readonly maxHeight: number | string;
+            readonly distance: number;
+            readonly wrapStyle: string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null;
+            readonly wrapClass: string | string[];
+            readonly viewClass: string | string[];
+            readonly viewStyle: string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null;
+            readonly minSize: number;
+            readonly id?: string | undefined;
+            readonly ariaLabel?: string | undefined;
+            readonly role?: string | undefined;
+            readonly tabindex?: number | string | undefined;
+            readonly native?: boolean | undefined;
+            readonly noresize?: boolean | undefined;
+            readonly always?: boolean | undefined;
+            readonly ariaOrientation?: "horizontal" | "vertical" | "undefined" | 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, "height" | "tag" | "maxHeight" | "tabindex" | "distance" | "wrapStyle" | "wrapClass" | "viewClass" | "viewStyle" | "minSize">;
+        $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<{
+            height: {
+                type: import('vue').PropType<string | number>;
+                default: string;
+            };
+            id: {
+                type: import('vue').PropType<string>;
+            };
+            ariaLabel: {
+                type: import('vue').PropType<string>;
+            };
+            role: {
+                type: import('vue').PropType<string>;
+            };
+            tag: {
+                type: import('vue').PropType<keyof HTMLElementTagNameMap | (string & {})>;
+                default: string;
+            };
+            maxHeight: {
+                type: import('vue').PropType<string | number>;
+                default: string;
+            };
+            tabindex: {
+                type: import('vue').PropType<string | number>;
+                default: undefined;
+            };
+            distance: {
+                type: import('vue').PropType<number>;
+                default: number;
+            };
+            native: {
+                type: import('vue').PropType<boolean>;
+            };
+            wrapStyle: {
+                type: import('vue').PropType<string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null>;
+                default: string;
+            };
+            wrapClass: {
+                type: import('vue').PropType<string | string[]>;
+                default: string;
+            };
+            viewClass: {
+                type: import('vue').PropType<string | string[]>;
+                default: string;
+            };
+            viewStyle: {
+                type: import('vue').PropType<string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null>;
+                default: string;
+            };
+            noresize: {
+                type: import('vue').PropType<boolean>;
+            };
+            always: {
+                type: import('vue').PropType<boolean>;
+            };
+            minSize: {
+                type: import('vue').PropType<number>;
+                default: number;
+            };
+            ariaOrientation: {
+                type: import('vue').PropType<"undefined" | "horizontal" | "vertical">;
+            };
+        }>> & {
+            onScroll?: ((args_0: {
+                scrollTop: number;
+                scrollLeft: number;
+            }) => any) | undefined;
+            "onEnd-reached"?: ((direction: import('element-plus').ScrollbarDirection) => any) | undefined;
+        }, {
+            wrapRef: import('vue').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, {
+            tabindex: number | string;
+            height: number | string;
+            maxHeight: number | string;
+            tag: keyof HTMLElementTagNameMap | (string & {});
+            minSize: number;
+            distance: number;
+            wrapStyle: string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null;
+            wrapClass: string | string[];
+            viewClass: string | string[];
+            viewStyle: string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null;
+        }, {}, 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<{
+        tabindex: number | string;
+        height: number | string;
+        maxHeight: number | string;
+        tag: keyof HTMLElementTagNameMap | (string & {});
+        minSize: number;
+        distance: number;
+        wrapStyle: string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null;
+        wrapClass: string | string[];
+        viewClass: string | string[];
+        viewStyle: string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null;
+    }> & Omit<Readonly<import('vue').ExtractPropTypes<{
+        height: {
+            type: import('vue').PropType<string | number>;
+            default: string;
+        };
+        id: {
+            type: import('vue').PropType<string>;
+        };
+        ariaLabel: {
+            type: import('vue').PropType<string>;
+        };
+        role: {
+            type: import('vue').PropType<string>;
+        };
+        tag: {
+            type: import('vue').PropType<keyof HTMLElementTagNameMap | (string & {})>;
+            default: string;
+        };
+        maxHeight: {
+            type: import('vue').PropType<string | number>;
+            default: string;
+        };
+        tabindex: {
+            type: import('vue').PropType<string | number>;
+            default: undefined;
+        };
+        distance: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        native: {
+            type: import('vue').PropType<boolean>;
+        };
+        wrapStyle: {
+            type: import('vue').PropType<string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null>;
+            default: string;
+        };
+        wrapClass: {
+            type: import('vue').PropType<string | string[]>;
+            default: string;
+        };
+        viewClass: {
+            type: import('vue').PropType<string | string[]>;
+            default: string;
+        };
+        viewStyle: {
+            type: import('vue').PropType<string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null>;
+            default: string;
+        };
+        noresize: {
+            type: import('vue').PropType<boolean>;
+        };
+        always: {
+            type: import('vue').PropType<boolean>;
+        };
+        minSize: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        ariaOrientation: {
+            type: import('vue').PropType<"undefined" | "horizontal" | "vertical">;
+        };
+    }>> & {
+        onScroll?: ((args_0: {
+            scrollTop: number;
+            scrollLeft: number;
+        }) => any) | undefined;
+        "onEnd-reached"?: ((direction: import('element-plus').ScrollbarDirection) => any) | undefined;
+    }, "height" | "tag" | "update" | "maxHeight" | "tabindex" | "handleScroll" | "scrollTo" | "distance" | "wrapStyle" | "wrapClass" | "viewClass" | "viewStyle" | "minSize" | "wrapRef" | "setScrollTop" | "setScrollLeft"> & import('vue').ShallowUnwrapRef<{
+        wrapRef: import('vue').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?: (props: {}) => any;
+        };
+    }) | undefined>;
+    tableBodyHeight: import('vue').ShallowRef<number, number>;
+    tableBodyWrapHeight: import('vue').ShallowRef<number, number>;
+    tableBodyScrollTop: import('vue').ShallowRef<number, number>;
+    tableBodyScrollHeight: import('vue').ShallowRef<number, number>;
+};
+//# sourceMappingURL=useLeftRightSlot.d.ts.map