@element-plus/nightly 0.0.20220530 → 0.0.20220531

package/lib/packages/components/scrollbar/index.d.ts

@@ -1,16 +1,38 @@
 export declare const ElScrollbar: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
     readonly height: import("element-plus/es/utils").BuildPropReturn<readonly [StringConstructor, NumberConstructor], "", unknown, unknown, unknown>;
     readonly maxHeight: import("element-plus/es/utils").BuildPropReturn<readonly [StringConstructor, NumberConstructor], "", unknown, unknown, unknown>;
-    readonly native: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly native: BooleanConstructor;
     readonly wrapStyle: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("vue").StyleValue>, "", unknown, unknown, unknown>;
     readonly wrapClass: import("element-plus/es/utils").BuildPropReturn<readonly [StringConstructor, ArrayConstructor], "", unknown, unknown, unknown>;
     readonly viewClass: import("element-plus/es/utils").BuildPropReturn<readonly [StringConstructor, ArrayConstructor], "", unknown, unknown, unknown>;
     readonly viewStyle: import("element-plus/es/utils").BuildPropReturn<readonly [StringConstructor, ArrayConstructor, ObjectConstructor], "", unknown, unknown, unknown>;
     readonly noresize: BooleanConstructor;
     readonly tag: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "div", unknown, unknown, unknown>;
-    readonly always: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly always: BooleanConstructor;
     readonly minSize: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 20, unknown, unknown, unknown>;
 }, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        readonly height: import("element-plus/es/utils").BuildPropReturn<readonly [StringConstructor, NumberConstructor], "", unknown, unknown, unknown>;
+        readonly maxHeight: import("element-plus/es/utils").BuildPropReturn<readonly [StringConstructor, NumberConstructor], "", unknown, unknown, unknown>;
+        readonly native: BooleanConstructor;
+        readonly wrapStyle: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("vue").StyleValue>, "", unknown, unknown, unknown>;
+        readonly wrapClass: import("element-plus/es/utils").BuildPropReturn<readonly [StringConstructor, ArrayConstructor], "", unknown, unknown, unknown>;
+        readonly viewClass: import("element-plus/es/utils").BuildPropReturn<readonly [StringConstructor, ArrayConstructor], "", unknown, unknown, unknown>;
+        readonly viewStyle: import("element-plus/es/utils").BuildPropReturn<readonly [StringConstructor, ArrayConstructor, ObjectConstructor], "", unknown, unknown, unknown>;
+        readonly noresize: BooleanConstructor;
+        readonly tag: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "div", unknown, unknown, unknown>;
+        readonly always: BooleanConstructor;
+        readonly minSize: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 20, unknown, unknown, unknown>;
+    }>> & {
+        onScroll?: ((args_0: {
+            scrollTop: number;
+            scrollLeft: number;
+        }) => any) | undefined;
+    }>>;
+    emit: (event: "scroll", args_0: {
+        scrollTop: number;
+        scrollLeft: number;
+    }) => void;
     ns: {
         namespace: import("vue").ComputedRef<string>;
         b: (blockSuffix?: string) => string;
@@ -29,25 +51,397 @@ export declare const ElScrollbar: import("element-plus/es/utils").SFCWithInstall
         cssVarBlock: (object: Record<string, string>) => Record<string, string>;
         cssVarBlockName: (name: string) => string;
     };
+    stopResizeObserver: undefined;
+    stopResizeListener: undefined;
     scrollbar$: import("vue").Ref<HTMLDivElement | undefined>;
     wrap$: import("vue").Ref<HTMLDivElement | undefined>;
     resize$: import("vue").Ref<HTMLElement | undefined>;
-    barRef: import("vue").Ref<any>;
-    moveX: import("vue").Ref<number>;
-    moveY: import("vue").Ref<number>;
-    ratioX: import("vue").Ref<number>;
-    ratioY: import("vue").Ref<number>;
     sizeWidth: import("vue").Ref<string>;
     sizeHeight: import("vue").Ref<string>;
+    barRef: import("vue").Ref<({
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            always: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+            ratioX: number;
+            ratioY: number;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            readonly always: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+            readonly width: StringConstructor;
+            readonly height: StringConstructor;
+            readonly ratioX: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 1, unknown, unknown, unknown>;
+            readonly ratioY: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 1, unknown, unknown, unknown>;
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "always" | "ratioX" | "ratioY">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot | undefined;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            readonly always: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+            readonly width: StringConstructor;
+            readonly height: StringConstructor;
+            readonly ratioX: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 1, unknown, unknown, unknown>;
+            readonly ratioY: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 1, unknown, unknown, unknown>;
+        }>>, {
+            props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+                readonly always: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+                readonly width: StringConstructor;
+                readonly height: StringConstructor;
+                readonly ratioX: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 1, unknown, unknown, unknown>;
+                readonly ratioY: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 1, unknown, unknown, unknown>;
+            }>> & {
+                [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
+            }>>;
+            moveX: import("vue").Ref<number>;
+            moveY: import("vue").Ref<number>;
+            handleScroll: (wrap: HTMLDivElement) => void;
+            Thumb: import("vue").DefineComponent<{
+                readonly vertical: BooleanConstructor;
+                readonly size: StringConstructor;
+                readonly move: NumberConstructor;
+                readonly ratio: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, unknown, true, unknown, unknown>;
+                readonly always: BooleanConstructor;
+            }, {
+                COMPONENT_NAME: string;
+                props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+                    readonly vertical: BooleanConstructor;
+                    readonly size: StringConstructor;
+                    readonly move: NumberConstructor;
+                    readonly ratio: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, unknown, true, unknown, unknown>;
+                    readonly always: BooleanConstructor;
+                }>> & {
+                    [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
+                }>>;
+                scrollbar: import("../..").ScrollbarContext;
+                ns: {
+                    namespace: import("vue").ComputedRef<string>;
+                    b: (blockSuffix?: string) => string;
+                    e: (element?: string | undefined) => string;
+                    m: (modifier?: string | undefined) => string;
+                    be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+                    em: (element?: string | undefined, modifier?: string | undefined) => string;
+                    bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+                    bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+                    is: {
+                        (name: string, state: boolean | undefined): string;
+                        (name: string): string;
+                    };
+                    cssVar: (object: Record<string, string>) => Record<string, string>;
+                    cssVarName: (name: string) => string;
+                    cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+                    cssVarBlockName: (name: string) => string;
+                };
+                instance: import("vue").Ref<HTMLDivElement | undefined>;
+                thumb: import("vue").Ref<HTMLDivElement | undefined>;
+                thumbState: import("vue").Ref<{
+                    X?: number | undefined;
+                    Y?: number | undefined;
+                }>;
+                visible: import("vue").Ref<boolean>;
+                cursorDown: boolean;
+                cursorLeave: boolean;
+                originalOnSelectStart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+                bar: import("vue").ComputedRef<{
+                    readonly offset: "offsetHeight";
+                    readonly scroll: "scrollTop";
+                    readonly scrollSize: "scrollHeight";
+                    readonly size: "height";
+                    readonly key: "vertical";
+                    readonly axis: "Y";
+                    readonly client: "clientY";
+                    readonly direction: "top";
+                } | {
+                    readonly offset: "offsetWidth";
+                    readonly scroll: "scrollLeft";
+                    readonly scrollSize: "scrollWidth";
+                    readonly size: "width";
+                    readonly key: "horizontal";
+                    readonly axis: "X";
+                    readonly client: "clientX";
+                    readonly direction: "left";
+                }>;
+                thumbStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                offsetRatio: import("vue").ComputedRef<number>;
+                clickThumbHandler: (e: MouseEvent) => void;
+                clickTrackHandler: (e: MouseEvent) => void;
+                startDrag: (e: MouseEvent) => void;
+                mouseMoveDocumentHandler: (e: MouseEvent) => void;
+                mouseUpDocumentHandler: () => void;
+                mouseMoveScrollbarHandler: () => void;
+                mouseLeaveScrollbarHandler: () => void;
+                restoreOnselectstart: () => void;
+            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+                readonly vertical: BooleanConstructor;
+                readonly size: StringConstructor;
+                readonly move: NumberConstructor;
+                readonly ratio: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, unknown, true, unknown, unknown>;
+                readonly always: BooleanConstructor;
+            }>>, {
+                vertical: boolean;
+                always: boolean;
+            }>;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
+            always: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+            ratioX: number;
+            ratioY: number;
+        }> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        readonly always: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+        readonly width: StringConstructor;
+        readonly height: StringConstructor;
+        readonly ratioX: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 1, unknown, unknown, unknown>;
+        readonly ratioY: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 1, unknown, unknown, unknown>;
+    }>> & import("vue").ShallowUnwrapRef<{
+        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            readonly always: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+            readonly width: StringConstructor;
+            readonly height: StringConstructor;
+            readonly ratioX: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 1, unknown, unknown, unknown>;
+            readonly ratioY: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 1, unknown, unknown, unknown>;
+        }>> & {
+            [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
+        }>>;
+        moveX: import("vue").Ref<number>;
+        moveY: import("vue").Ref<number>;
+        handleScroll: (wrap: HTMLDivElement) => void;
+        Thumb: import("vue").DefineComponent<{
+            readonly vertical: BooleanConstructor;
+            readonly size: StringConstructor;
+            readonly move: NumberConstructor;
+            readonly ratio: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, unknown, true, unknown, unknown>;
+            readonly always: BooleanConstructor;
+        }, {
+            COMPONENT_NAME: string;
+            props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+                readonly vertical: BooleanConstructor;
+                readonly size: StringConstructor;
+                readonly move: NumberConstructor;
+                readonly ratio: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, unknown, true, unknown, unknown>;
+                readonly always: BooleanConstructor;
+            }>> & {
+                [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
+            }>>;
+            scrollbar: import("../..").ScrollbarContext;
+            ns: {
+                namespace: import("vue").ComputedRef<string>;
+                b: (blockSuffix?: string) => string;
+                e: (element?: string | undefined) => string;
+                m: (modifier?: string | undefined) => string;
+                be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+                em: (element?: string | undefined, modifier?: string | undefined) => string;
+                bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+                bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+                is: {
+                    (name: string, state: boolean | undefined): string;
+                    (name: string): string;
+                };
+                cssVar: (object: Record<string, string>) => Record<string, string>;
+                cssVarName: (name: string) => string;
+                cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+                cssVarBlockName: (name: string) => string;
+            };
+            instance: import("vue").Ref<HTMLDivElement | undefined>;
+            thumb: import("vue").Ref<HTMLDivElement | undefined>;
+            thumbState: import("vue").Ref<{
+                X?: number | undefined;
+                Y?: number | undefined;
+            }>;
+            visible: import("vue").Ref<boolean>;
+            cursorDown: boolean;
+            cursorLeave: boolean;
+            originalOnSelectStart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+            bar: import("vue").ComputedRef<{
+                readonly offset: "offsetHeight";
+                readonly scroll: "scrollTop";
+                readonly scrollSize: "scrollHeight";
+                readonly size: "height";
+                readonly key: "vertical";
+                readonly axis: "Y";
+                readonly client: "clientY";
+                readonly direction: "top";
+            } | {
+                readonly offset: "offsetWidth";
+                readonly scroll: "scrollLeft";
+                readonly scrollSize: "scrollWidth";
+                readonly size: "width";
+                readonly key: "horizontal";
+                readonly axis: "X";
+                readonly client: "clientX";
+                readonly direction: "left";
+            }>;
+            thumbStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            offsetRatio: import("vue").ComputedRef<number>;
+            clickThumbHandler: (e: MouseEvent) => void;
+            clickTrackHandler: (e: MouseEvent) => void;
+            startDrag: (e: MouseEvent) => void;
+            mouseMoveDocumentHandler: (e: MouseEvent) => void;
+            mouseUpDocumentHandler: () => void;
+            mouseMoveScrollbarHandler: () => void;
+            mouseLeaveScrollbarHandler: () => void;
+            restoreOnselectstart: () => void;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            readonly vertical: BooleanConstructor;
+            readonly size: StringConstructor;
+            readonly move: NumberConstructor;
+            readonly ratio: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, unknown, true, unknown, unknown>;
+            readonly always: BooleanConstructor;
+        }>>, {
+            vertical: boolean;
+            always: boolean;
+        }>;
+    }> & {} & {} & import("vue").ComponentCustomProperties) | undefined>;
+    ratioY: import("vue").Ref<number>;
+    ratioX: import("vue").Ref<number>;
+    SCOPE: string;
     style: import("vue").ComputedRef<import("vue").StyleValue>;
-    update: () => void;
     handleScroll: () => void;
-    scrollTo: {
-        (xCord: number, yCord?: number | undefined): void;
-        (options: ScrollToOptions): void;
-    };
+    scrollTo: (arg1: unknown, arg2?: number | undefined) => void;
     setScrollTop: (value: number) => void;
     setScrollLeft: (value: number) => void;
+    update: () => void;
+    Bar: import("vue").DefineComponent<{
+        readonly always: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+        readonly width: StringConstructor;
+        readonly height: StringConstructor;
+        readonly ratioX: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 1, unknown, unknown, unknown>;
+        readonly ratioY: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 1, unknown, unknown, unknown>;
+    }, {
+        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            readonly always: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+            readonly width: StringConstructor;
+            readonly height: StringConstructor;
+            readonly ratioX: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 1, unknown, unknown, unknown>;
+            readonly ratioY: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 1, unknown, unknown, unknown>;
+        }>> & {
+            [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
+        }>>;
+        moveX: import("vue").Ref<number>;
+        moveY: import("vue").Ref<number>;
+        handleScroll: (wrap: HTMLDivElement) => void;
+        Thumb: import("vue").DefineComponent<{
+            readonly vertical: BooleanConstructor;
+            readonly size: StringConstructor;
+            readonly move: NumberConstructor;
+            readonly ratio: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, unknown, true, unknown, unknown>;
+            readonly always: BooleanConstructor;
+        }, {
+            COMPONENT_NAME: string;
+            props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+                readonly vertical: BooleanConstructor;
+                readonly size: StringConstructor;
+                readonly move: NumberConstructor;
+                readonly ratio: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, unknown, true, unknown, unknown>;
+                readonly always: BooleanConstructor;
+            }>> & {
+                [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
+            }>>;
+            scrollbar: import("../..").ScrollbarContext;
+            ns: {
+                namespace: import("vue").ComputedRef<string>;
+                b: (blockSuffix?: string) => string;
+                e: (element?: string | undefined) => string;
+                m: (modifier?: string | undefined) => string;
+                be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+                em: (element?: string | undefined, modifier?: string | undefined) => string;
+                bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+                bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+                is: {
+                    (name: string, state: boolean | undefined): string;
+                    (name: string): string;
+                };
+                cssVar: (object: Record<string, string>) => Record<string, string>;
+                cssVarName: (name: string) => string;
+                cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+                cssVarBlockName: (name: string) => string;
+            };
+            instance: import("vue").Ref<HTMLDivElement | undefined>;
+            thumb: import("vue").Ref<HTMLDivElement | undefined>;
+            thumbState: import("vue").Ref<{
+                X?: number | undefined;
+                Y?: number | undefined;
+            }>;
+            visible: import("vue").Ref<boolean>;
+            cursorDown: boolean;
+            cursorLeave: boolean;
+            originalOnSelectStart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+            bar: import("vue").ComputedRef<{
+                readonly offset: "offsetHeight";
+                readonly scroll: "scrollTop";
+                readonly scrollSize: "scrollHeight";
+                readonly size: "height";
+                readonly key: "vertical";
+                readonly axis: "Y";
+                readonly client: "clientY";
+                readonly direction: "top";
+            } | {
+                readonly offset: "offsetWidth";
+                readonly scroll: "scrollLeft";
+                readonly scrollSize: "scrollWidth";
+                readonly size: "width";
+                readonly key: "horizontal";
+                readonly axis: "X";
+                readonly client: "clientX";
+                readonly direction: "left";
+            }>;
+            thumbStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            offsetRatio: import("vue").ComputedRef<number>;
+            clickThumbHandler: (e: MouseEvent) => void;
+            clickTrackHandler: (e: MouseEvent) => void;
+            startDrag: (e: MouseEvent) => void;
+            mouseMoveDocumentHandler: (e: MouseEvent) => void;
+            mouseUpDocumentHandler: () => void;
+            mouseMoveScrollbarHandler: () => void;
+            mouseLeaveScrollbarHandler: () => void;
+            restoreOnselectstart: () => void;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            readonly vertical: BooleanConstructor;
+            readonly size: StringConstructor;
+            readonly move: NumberConstructor;
+            readonly ratio: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, unknown, true, unknown, unknown>;
+            readonly always: BooleanConstructor;
+        }>>, {
+            vertical: boolean;
+            always: boolean;
+        }>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        readonly always: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+        readonly width: StringConstructor;
+        readonly height: StringConstructor;
+        readonly ratioX: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 1, unknown, unknown, unknown>;
+        readonly ratioY: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 1, unknown, unknown, unknown>;
+    }>>, {
+        always: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+        ratioX: number;
+        ratioY: number;
+    }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     scroll: ({ scrollTop, scrollLeft, }: {
         scrollTop: number;
@@ -56,14 +450,14 @@ export declare const ElScrollbar: import("element-plus/es/utils").SFCWithInstall
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly height: import("element-plus/es/utils").BuildPropReturn<readonly [StringConstructor, NumberConstructor], "", unknown, unknown, unknown>;
     readonly maxHeight: import("element-plus/es/utils").BuildPropReturn<readonly [StringConstructor, NumberConstructor], "", unknown, unknown, unknown>;
-    readonly native: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly native: BooleanConstructor;
     readonly wrapStyle: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("vue").StyleValue>, "", unknown, unknown, unknown>;
     readonly wrapClass: import("element-plus/es/utils").BuildPropReturn<readonly [StringConstructor, ArrayConstructor], "", unknown, unknown, unknown>;
     readonly viewClass: import("element-plus/es/utils").BuildPropReturn<readonly [StringConstructor, ArrayConstructor], "", unknown, unknown, unknown>;
     readonly viewStyle: import("element-plus/es/utils").BuildPropReturn<readonly [StringConstructor, ArrayConstructor, ObjectConstructor], "", unknown, unknown, unknown>;
     readonly noresize: BooleanConstructor;
     readonly tag: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "div", unknown, unknown, unknown>;
-    readonly always: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly always: BooleanConstructor;
     readonly minSize: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 20, unknown, unknown, unknown>;
 }>> & {
     onScroll?: ((args_0: {
@@ -73,14 +467,14 @@ export declare const ElScrollbar: import("element-plus/es/utils").SFCWithInstall
 }, {
     height: import("element-plus/es/utils").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     maxHeight: import("element-plus/es/utils").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
-    always: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
-    native: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+    always: boolean;
     wrapStyle: import("vue").StyleValue;
     wrapClass: import("element-plus/es/utils").BuildPropType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
     viewClass: import("element-plus/es/utils").BuildPropType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
     viewStyle: import("element-plus/es/utils").BuildPropType<readonly [StringConstructor, ArrayConstructor, ObjectConstructor], unknown, unknown>;
     tag: string;
     minSize: number;
+    native: boolean;
     noresize: boolean;
 }>> & Record<string, any>;
 export default ElScrollbar;

package/lib/packages/components/scrollbar/src/bar.d.ts

@@ -1,9 +1,11 @@
 import type { ExtractPropTypes } from 'vue';
+import type Bar from './bar.vue';
 export declare const barProps: {
     readonly always: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-    readonly width: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
-    readonly height: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly width: StringConstructor;
+    readonly height: StringConstructor;
     readonly ratioX: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 1, unknown, unknown, unknown>;
     readonly ratioY: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 1, unknown, unknown, unknown>;
 };
 export declare type BarProps = ExtractPropTypes<typeof barProps>;
+export declare type BarInstance = InstanceType<typeof Bar>;

package/lib/packages/components/scrollbar/src/bar.vue.d.ts

@@ -1,22 +1,114 @@
 declare const _default: import("vue").DefineComponent<{
     readonly always: import("../../../utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-    readonly width: import("../../../utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
-    readonly height: import("../../../utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly width: StringConstructor;
+    readonly height: StringConstructor;
     readonly ratioX: import("../../../utils").BuildPropReturn<NumberConstructor, 1, unknown, unknown, unknown>;
     readonly ratioY: import("../../../utils").BuildPropReturn<NumberConstructor, 1, unknown, unknown, unknown>;
 }, {
-    handleScroll: (wrap: HTMLDivElement) => void;
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        readonly always: import("../../../utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+        readonly width: StringConstructor;
+        readonly height: StringConstructor;
+        readonly ratioX: import("../../../utils").BuildPropReturn<NumberConstructor, 1, unknown, unknown, unknown>;
+        readonly ratioY: import("../../../utils").BuildPropReturn<NumberConstructor, 1, unknown, unknown, unknown>;
+    }>> & {
+        [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
+    }>>;
     moveX: import("vue").Ref<number>;
     moveY: import("vue").Ref<number>;
+    handleScroll: (wrap: HTMLDivElement) => void;
+    Thumb: import("vue").DefineComponent<{
+        readonly vertical: BooleanConstructor;
+        readonly size: StringConstructor;
+        readonly move: NumberConstructor;
+        readonly ratio: import("../../../utils").BuildPropReturn<NumberConstructor, unknown, true, unknown, unknown>;
+        readonly always: BooleanConstructor;
+    }, {
+        COMPONENT_NAME: string;
+        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            readonly vertical: BooleanConstructor;
+            readonly size: StringConstructor;
+            readonly move: NumberConstructor;
+            readonly ratio: import("../../../utils").BuildPropReturn<NumberConstructor, unknown, true, unknown, unknown>;
+            readonly always: BooleanConstructor;
+        }>> & {
+            [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
+        }>>;
+        scrollbar: import("../../..").ScrollbarContext;
+        ns: {
+            namespace: import("vue").ComputedRef<string>;
+            b: (blockSuffix?: string) => string;
+            e: (element?: string | undefined) => string;
+            m: (modifier?: string | undefined) => string;
+            be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+            em: (element?: string | undefined, modifier?: string | undefined) => string;
+            bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+            bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+            is: {
+                (name: string, state: boolean | undefined): string;
+                (name: string): string;
+            };
+            cssVar: (object: Record<string, string>) => Record<string, string>;
+            cssVarName: (name: string) => string;
+            cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+            cssVarBlockName: (name: string) => string;
+        };
+        instance: import("vue").Ref<HTMLDivElement | undefined>;
+        thumb: import("vue").Ref<HTMLDivElement | undefined>;
+        thumbState: import("vue").Ref<{
+            X?: number | undefined;
+            Y?: number | undefined;
+        }>;
+        visible: import("vue").Ref<boolean>;
+        cursorDown: boolean;
+        cursorLeave: boolean;
+        originalOnSelectStart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        bar: import("vue").ComputedRef<{
+            readonly offset: "offsetHeight";
+            readonly scroll: "scrollTop";
+            readonly scrollSize: "scrollHeight";
+            readonly size: "height";
+            readonly key: "vertical";
+            readonly axis: "Y";
+            readonly client: "clientY";
+            readonly direction: "top";
+        } | {
+            readonly offset: "offsetWidth";
+            readonly scroll: "scrollLeft";
+            readonly scrollSize: "scrollWidth";
+            readonly size: "width";
+            readonly key: "horizontal";
+            readonly axis: "X";
+            readonly client: "clientX";
+            readonly direction: "left";
+        }>;
+        thumbStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+        offsetRatio: import("vue").ComputedRef<number>;
+        clickThumbHandler: (e: MouseEvent) => void;
+        clickTrackHandler: (e: MouseEvent) => void;
+        startDrag: (e: MouseEvent) => void;
+        mouseMoveDocumentHandler: (e: MouseEvent) => void;
+        mouseUpDocumentHandler: () => void;
+        mouseMoveScrollbarHandler: () => void;
+        mouseLeaveScrollbarHandler: () => void;
+        restoreOnselectstart: () => void;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        readonly vertical: BooleanConstructor;
+        readonly size: StringConstructor;
+        readonly move: NumberConstructor;
+        readonly ratio: import("../../../utils").BuildPropReturn<NumberConstructor, unknown, true, unknown, unknown>;
+        readonly always: BooleanConstructor;
+    }>>, {
+        vertical: boolean;
+        always: boolean;
+    }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly always: import("../../../utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-    readonly width: import("../../../utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
-    readonly height: import("../../../utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly width: StringConstructor;
+    readonly height: StringConstructor;
     readonly ratioX: import("../../../utils").BuildPropReturn<NumberConstructor, 1, unknown, unknown, unknown>;
     readonly ratioY: import("../../../utils").BuildPropReturn<NumberConstructor, 1, unknown, unknown, unknown>;
 }>>, {
-    height: string;
-    width: string;
     always: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     ratioX: number;
     ratioY: number;