mamba-layout 0.1.0 → 0.3.0

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

@@ -94,47 +94,31 @@ export declare function useStateHook(): {
     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;
+        $props: {
+            readonly distance?: number | undefined;
+            readonly height?: number | string | undefined;
+            readonly maxHeight?: number | string | undefined;
+            readonly native?: boolean | undefined;
+            readonly wrapStyle?: import('vue').StyleValue;
+            readonly wrapClass?: string | string[] | undefined;
+            readonly viewClass?: string | string[] | undefined;
+            readonly viewStyle?: import('vue').StyleValue;
+            readonly noresize?: boolean | undefined;
+            readonly tag?: (keyof HTMLElementTagNameMap | (string & {})) | undefined;
+            readonly always?: boolean | undefined;
+            readonly minSize?: number | undefined;
+            readonly tabindex?: number | string | undefined;
             readonly id?: string | undefined;
-            readonly ariaLabel?: string | undefined;
-            readonly ariaOrientation?: string | undefined;
-            readonly tabindex?: (string | number) | undefined;
             readonly role?: string | undefined;
-            onScroll?: ((args_0: {
+            readonly ariaLabel?: string | undefined;
+            readonly ariaOrientation?: "horizontal" | "vertical" | "undefined" | undefined;
+            readonly 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;
-        };
+            readonly "onEnd-reached"?: ((direction: import('element-plus').ScrollbarDirection) => any) | undefined | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: import('vue').Attrs;
         $refs: {
             [x: string]: unknown;
         };
@@ -149,107 +133,14 @@ export declare function useStateHook(): {
             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;
-        }>> & {
+        $options: import('vue').ComponentOptionsBase<Readonly<import('element-plus').ScrollbarProps> & Readonly<{
             onScroll?: ((args_0: {
                 scrollTop: number;
                 scrollLeft: number;
             }) => any) | undefined;
             "onEnd-reached"?: ((direction: import('element-plus').ScrollbarDirection) => any) | undefined;
-        }, {
-            wrapRef: Ref<HTMLDivElement | undefined>;
+        }>, {
+            wrapRef: Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
             update: () => void;
             scrollTo: {
                 (xCord: number, yCord?: number): void;
@@ -258,26 +149,23 @@ export declare function useStateHook(): {
             setScrollTop: (value: number) => void;
             setScrollLeft: (value: number) => void;
             handleScroll: () => void;
-        }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        }, {}, {}, {}, 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;
+            tabindex: number | string;
+            height: number | string;
+            maxHeight: number | string;
+            tag: keyof HTMLElementTagNameMap | (string & {});
+            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;
+            minSize: number;
         }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -299,120 +187,24 @@ export declare function useStateHook(): {
         $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;
-    }>> & {
+        tabindex: number | string;
+        height: number | string;
+        maxHeight: number | string;
+        tag: keyof HTMLElementTagNameMap | (string & {});
+        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;
+        minSize: number;
+    }> & Omit<Readonly<import('element-plus').ScrollbarProps> & Readonly<{
         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>;
+    }>, "distance" | "height" | "maxHeight" | "wrapStyle" | "wrapClass" | "viewClass" | "viewStyle" | "tag" | "minSize" | "tabindex" | "wrapRef" | "update" | "scrollTo" | "setScrollTop" | "setScrollLeft" | "handleScroll"> & {
+        wrapRef: HTMLDivElement | undefined;
         update: () => void;
         scrollTo: {
             (xCord: number, yCord?: number): void;
@@ -421,54 +213,38 @@ export declare function useStateHook(): {
         setScrollTop: (value: number) => void;
         setScrollLeft: (value: number) => void;
         handleScroll: () => void;
-    }> & {} & import('vue').ComponentCustomProperties & {} & {
+    } & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
-            default?(_: {}): any;
+            default?: (props: {}) => 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;
+        $props: {
+            readonly distance?: number | undefined;
+            readonly height?: number | string | undefined;
+            readonly maxHeight?: number | string | undefined;
+            readonly native?: boolean | undefined;
+            readonly wrapStyle?: import('vue').StyleValue;
+            readonly wrapClass?: string | string[] | undefined;
+            readonly viewClass?: string | string[] | undefined;
+            readonly viewStyle?: import('vue').StyleValue;
+            readonly noresize?: boolean | undefined;
+            readonly tag?: (keyof HTMLElementTagNameMap | (string & {})) | undefined;
+            readonly always?: boolean | undefined;
+            readonly minSize?: number | undefined;
+            readonly tabindex?: number | string | undefined;
             readonly id?: string | undefined;
-            readonly ariaLabel?: string | undefined;
-            readonly ariaOrientation?: string | undefined;
-            readonly tabindex?: (string | number) | undefined;
             readonly role?: string | undefined;
-            onScroll?: ((args_0: {
+            readonly ariaLabel?: string | undefined;
+            readonly ariaOrientation?: "horizontal" | "vertical" | "undefined" | undefined;
+            readonly 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;
-        };
+            readonly "onEnd-reached"?: ((direction: import('element-plus').ScrollbarDirection) => any) | undefined | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: import('vue').Attrs;
         $refs: {
             [x: string]: unknown;
         };
@@ -483,107 +259,14 @@ export declare function useStateHook(): {
             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;
-        }>> & {
+        $options: import('vue').ComponentOptionsBase<Readonly<import('element-plus').ScrollbarProps> & Readonly<{
             onScroll?: ((args_0: {
                 scrollTop: number;
                 scrollLeft: number;
             }) => any) | undefined;
             "onEnd-reached"?: ((direction: import('element-plus').ScrollbarDirection) => any) | undefined;
-        }, {
-            wrapRef: Ref<HTMLDivElement | undefined>;
+        }>, {
+            wrapRef: Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
             update: () => void;
             scrollTo: {
                 (xCord: number, yCord?: number): void;
@@ -592,26 +275,23 @@ export declare function useStateHook(): {
             setScrollTop: (value: number) => void;
             setScrollLeft: (value: number) => void;
             handleScroll: () => void;
-        }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        }, {}, {}, {}, 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;
+            tabindex: number | string;
+            height: number | string;
+            maxHeight: number | string;
+            tag: keyof HTMLElementTagNameMap | (string & {});
+            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;
+            minSize: number;
         }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -633,120 +313,24 @@ export declare function useStateHook(): {
         $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;
-    }>> & {
+        tabindex: number | string;
+        height: number | string;
+        maxHeight: number | string;
+        tag: keyof HTMLElementTagNameMap | (string & {});
+        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;
+        minSize: number;
+    }> & Omit<Readonly<import('element-plus').ScrollbarProps> & Readonly<{
         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>;
+    }>, "distance" | "height" | "maxHeight" | "wrapStyle" | "wrapClass" | "viewClass" | "viewStyle" | "tag" | "minSize" | "tabindex" | "wrapRef" | "update" | "scrollTo" | "setScrollTop" | "setScrollLeft" | "handleScroll"> & {
+        wrapRef: HTMLDivElement | undefined;
         update: () => void;
         scrollTo: {
             (xCord: number, yCord?: number): void;
@@ -755,9 +339,9 @@ export declare function useStateHook(): {
         setScrollTop: (value: number) => void;
         setScrollLeft: (value: number) => void;
         handleScroll: () => void;
-    }> & {} & import('vue').ComponentCustomProperties & {} & {
+    } & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
-            default?(_: {}): any;
+            default?: (props: {}) => any;
         };
     }) | undefined>;
 };