x-next 0.0.0-alpha.50 → 0.0.0-alpha.52

package/dist/components/drawer/index.d.ts

@@ -1,4 +1,4 @@
-export declare const XDrawer: {
+export declare const Drawer: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
         disabled: {
             type: BooleanConstructor;
@@ -103,9 +103,9 @@ export declare const XDrawer: {
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("close" | "open" | "closed" | "opened" | "update:modelValue")[], import('vue').PublicProps, {
         title: string;
         disabled: boolean;
+        mask: boolean;
         height: string | number;
         width: string | number;
-        mask: boolean;
         renderTo: string | HTMLElement;
         modelValue: boolean;
         destroyOnClosed: boolean;
@@ -120,7 +120,10 @@ export declare const XDrawer: {
     }, true, {}, {}, {
         Button: {
             new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
-                disabled: BooleanConstructor;
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
                 block: BooleanConstructor;
                 loading: BooleanConstructor;
                 loadingFill: {
@@ -140,7 +143,7 @@ export declare const XDrawer: {
                     default: boolean;
                 };
                 type: {
-                    type: import('vue').PropType<import('../button/props').ButtonType>;
+                    type: import('vue').PropType<import('../button/props').ButtonTypes>;
                     default: string;
                 };
                 status: {
@@ -163,7 +166,7 @@ export declare const XDrawer: {
                 onClick?: ((...args: any[]) => any) | undefined;
             }>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], import('vue').PublicProps, {
                 size: import('../button/props').ButtonSize;
-                type: import('../button/props').ButtonType;
+                type: import('../button/props').ButtonTypes;
                 link: boolean;
                 disabled: boolean;
                 block: boolean;
@@ -182,7 +185,10 @@ export declare const XDrawer: {
                 M: {};
                 Defaults: {};
             }, Readonly<import('vue').ExtractPropTypes<{
-                disabled: BooleanConstructor;
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
                 block: BooleanConstructor;
                 loading: BooleanConstructor;
                 loadingFill: {
@@ -202,7 +208,7 @@ export declare const XDrawer: {
                     default: boolean;
                 };
                 type: {
-                    type: import('vue').PropType<import('../button/props').ButtonType>;
+                    type: import('vue').PropType<import('../button/props').ButtonTypes>;
                     default: string;
                 };
                 status: {
@@ -225,7 +231,7 @@ export declare const XDrawer: {
                 onClick?: ((...args: any[]) => any) | undefined;
             }>, () => any, {}, {}, {}, {
                 size: import('../button/props').ButtonSize;
-                type: import('../button/props').ButtonType;
+                type: import('../button/props').ButtonTypes;
                 link: boolean;
                 disabled: boolean;
                 block: boolean;
@@ -241,7 +247,10 @@ export declare const XDrawer: {
             __isTeleport?: never;
             __isSuspense?: never;
         } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-            disabled: BooleanConstructor;
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
             block: BooleanConstructor;
             loading: BooleanConstructor;
             loadingFill: {
@@ -261,7 +270,7 @@ export declare const XDrawer: {
                 default: boolean;
             };
             type: {
-                type: import('vue').PropType<import('../button/props').ButtonType>;
+                type: import('vue').PropType<import('../button/props').ButtonTypes>;
                 default: string;
             };
             status: {
@@ -284,7 +293,7 @@ export declare const XDrawer: {
             onClick?: ((...args: any[]) => any) | undefined;
         }>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", {
             size: import('../button/props').ButtonSize;
-            type: import('../button/props').ButtonType;
+            type: import('../button/props').ButtonTypes;
             link: boolean;
             disabled: boolean;
             block: boolean;
@@ -402,29 +411,28 @@ export declare const XDrawer: {
                     default: boolean;
                 };
             }>> & Readonly<{
-                onScroll?: ((...args: any[]) => any) | undefined;
+                onScroll?: ((ev: Event) => any) | undefined;
             }>, {
-                ns: string;
                 className: {
                     block: string;
                     element: (className: string) => string;
                     modifier: (className: string) => string;
                     is: (className: string) => string;
                 };
-                cls: import('vue').ComputedRef<(string | false | Record<string, any> | unknown[] | undefined)[]>;
-                style: import('vue').ComputedRef<(string | false | import('vue').CSSProperties | import('vue').StyleValue[])[]>;
+                cls: import('vue').ComputedRef<(string | Record<string, any> | unknown[] | undefined)[]>;
+                style: import('vue').ComputedRef<import('vue').StyleValue[]>;
                 containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                 horizontalThumbRef: import('vue').Ref<any, any>;
                 verticalThumbRef: import('vue').Ref<any, any>;
-                horizontalData: import('vue').Ref<import('../scrollbar/src/types').ThumbData | undefined, import('../scrollbar/src/types').ThumbData | undefined>;
-                verticalData: import('vue').Ref<import('../scrollbar/src/types').ThumbData | undefined, import('../scrollbar/src/types').ThumbData | undefined>;
+                horizontalData: import('vue').Ref<import('../scrollbar-v2/interface').ThumbData | undefined, import('../scrollbar-v2/interface').ThumbData | undefined>;
+                verticalData: import('vue').Ref<import('../scrollbar-v2/interface').ThumbData | undefined, import('../scrollbar-v2/interface').ThumbData | undefined>;
                 isBoth: import('vue').Ref<boolean, boolean>;
                 hasHorizontalScrollbar: import('vue').ComputedRef<boolean>;
                 hasVerticalScrollbar: import('vue').ComputedRef<boolean>;
+                handleResize: () => void;
                 handleScroll: (ev: Event) => void;
                 handleHorizontalScroll: (offset: number) => void;
                 handleVerticalScroll: (offset: number) => void;
-                handleResize: () => void;
             }, {}, {}, {
                 scrollTo(options?: number | {
                     left?: number;
@@ -432,18 +440,31 @@ export declare const XDrawer: {
                 }, y?: number): void;
                 scrollTop(top: number): void;
                 scrollLeft(left: number): void;
-            }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "scroll"[], import('vue').PublicProps, {
+            }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                scroll: (ev: Event) => true;
+            }, import('vue').PublicProps, {
                 type: "embed" | "track";
                 hide: boolean;
                 disableHorizontal: boolean;
                 disableVertical: boolean;
             }, true, {}, {}, {
+                ResizeObserver: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    watchOnUpdated: BooleanConstructor;
+                }>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[] | undefined, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "resize"[], "resize", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    watchOnUpdated: BooleanConstructor;
+                }>> & Readonly<{
+                    onResize?: ((...args: any[]) => any) | undefined;
+                }>, {
+                    watchOnUpdated: boolean;
+                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
                 Thumb: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                     data: {
-                        type: import('vue').PropType<import('../scrollbar/src/types').ThumbData>;
+                        type: import('vue').PropType<import('../scrollbar-v2/interface').ThumbData>;
                     };
                     direction: {
-                        type: import('vue').PropType<import('../scrollbar/src/types').Direction>;
+                        type: import('vue').PropType<import('../../_utils/constant').Direction>;
                         default: string;
                     };
                     alwaysShow: {
@@ -455,15 +476,30 @@ export declare const XDrawer: {
                         default: boolean;
                     };
                 }>, {
+                    visible: import('vue').Ref<boolean, boolean>;
+                    trackRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+                    thumbRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+                    className: {
+                        block: string;
+                        element: (className: string) => string;
+                        modifier: (className: string) => string;
+                        is: (className: string) => string;
+                    };
+                    thumbCls: import('vue').ComputedRef<(string | {
+                        [x: string]: boolean;
+                    })[]>;
+                    thumbStyle: import('vue').ComputedRef<{
+                        [x: string]: string;
+                    }>;
+                    handleThumbMouseDown: (ev: MouseEvent) => void;
+                    handleTrackClick: (ev: MouseEvent) => void;
                     setOffset: (_offset: number) => void;
-                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                    scroll: (...args: any[]) => void;
-                }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "scroll"[], "scroll", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                     data: {
-                        type: import('vue').PropType<import('../scrollbar/src/types').ThumbData>;
+                        type: import('vue').PropType<import('../scrollbar-v2/interface').ThumbData>;
                     };
                     direction: {
-                        type: import('vue').PropType<import('../scrollbar/src/types').Direction>;
+                        type: import('vue').PropType<import('../../_utils/constant').Direction>;
                         default: string;
                     };
                     alwaysShow: {
@@ -480,15 +516,7 @@ export declare const XDrawer: {
                     direction: "horizontal" | "vertical";
                     both: boolean;
                     alwaysShow: boolean;
-                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
-                    trackRef: HTMLDivElement;
-                    thumbRef: HTMLDivElement;
-                }, HTMLDivElement>;
-                ResizeObserver: import('vue').DefineComponent<{}, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-                    [key: string]: any;
-                }>[] | undefined, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "resize"[], "resize", import('vue').PublicProps, Readonly<{}> & Readonly<{
-                    onResize?: ((...args: any[]) => any) | undefined;
-                }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             } & import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
                 P: {};
                 B: {};
@@ -518,29 +546,28 @@ export declare const XDrawer: {
                     default: boolean;
                 };
             }>> & Readonly<{
-                onScroll?: ((...args: any[]) => any) | undefined;
+                onScroll?: ((ev: Event) => any) | undefined;
             }>, {
-                ns: string;
                 className: {
                     block: string;
                     element: (className: string) => string;
                     modifier: (className: string) => string;
                     is: (className: string) => string;
                 };
-                cls: import('vue').ComputedRef<(string | false | Record<string, any> | unknown[] | undefined)[]>;
-                style: import('vue').ComputedRef<(string | false | import('vue').CSSProperties | import('vue').StyleValue[])[]>;
+                cls: import('vue').ComputedRef<(string | Record<string, any> | unknown[] | undefined)[]>;
+                style: import('vue').ComputedRef<import('vue').StyleValue[]>;
                 containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                 horizontalThumbRef: import('vue').Ref<any, any>;
                 verticalThumbRef: import('vue').Ref<any, any>;
-                horizontalData: import('vue').Ref<import('../scrollbar/src/types').ThumbData | undefined, import('../scrollbar/src/types').ThumbData | undefined>;
-                verticalData: import('vue').Ref<import('../scrollbar/src/types').ThumbData | undefined, import('../scrollbar/src/types').ThumbData | undefined>;
+                horizontalData: import('vue').Ref<import('../scrollbar-v2/interface').ThumbData | undefined, import('../scrollbar-v2/interface').ThumbData | undefined>;
+                verticalData: import('vue').Ref<import('../scrollbar-v2/interface').ThumbData | undefined, import('../scrollbar-v2/interface').ThumbData | undefined>;
                 isBoth: import('vue').Ref<boolean, boolean>;
                 hasHorizontalScrollbar: import('vue').ComputedRef<boolean>;
                 hasVerticalScrollbar: import('vue').ComputedRef<boolean>;
+                handleResize: () => void;
                 handleScroll: (ev: Event) => void;
                 handleHorizontalScroll: (offset: number) => void;
                 handleVerticalScroll: (offset: number) => void;
-                handleResize: () => void;
             }, {}, {}, {
                 scrollTo(options?: number | {
                     left?: number;
@@ -579,29 +606,28 @@ export declare const XDrawer: {
                 default: boolean;
             };
         }>> & Readonly<{
-            onScroll?: ((...args: any[]) => any) | undefined;
+            onScroll?: ((ev: Event) => any) | undefined;
         }>, {
-            ns: string;
             className: {
                 block: string;
                 element: (className: string) => string;
                 modifier: (className: string) => string;
                 is: (className: string) => string;
             };
-            cls: import('vue').ComputedRef<(string | false | Record<string, any> | unknown[] | undefined)[]>;
-            style: import('vue').ComputedRef<(string | false | import('vue').CSSProperties | import('vue').StyleValue[])[]>;
+            cls: import('vue').ComputedRef<(string | Record<string, any> | unknown[] | undefined)[]>;
+            style: import('vue').ComputedRef<import('vue').StyleValue[]>;
             containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
             horizontalThumbRef: import('vue').Ref<any, any>;
             verticalThumbRef: import('vue').Ref<any, any>;
-            horizontalData: import('vue').Ref<import('../scrollbar/src/types').ThumbData | undefined, import('../scrollbar/src/types').ThumbData | undefined>;
-            verticalData: import('vue').Ref<import('../scrollbar/src/types').ThumbData | undefined, import('../scrollbar/src/types').ThumbData | undefined>;
+            horizontalData: import('vue').Ref<import('../scrollbar-v2/interface').ThumbData | undefined, import('../scrollbar-v2/interface').ThumbData | undefined>;
+            verticalData: import('vue').Ref<import('../scrollbar-v2/interface').ThumbData | undefined, import('../scrollbar-v2/interface').ThumbData | undefined>;
             isBoth: import('vue').Ref<boolean, boolean>;
             hasHorizontalScrollbar: import('vue').ComputedRef<boolean>;
             hasVerticalScrollbar: import('vue').ComputedRef<boolean>;
+            handleResize: () => void;
             handleScroll: (ev: Event) => void;
             handleHorizontalScroll: (offset: number) => void;
             handleVerticalScroll: (offset: number) => void;
-            handleResize: () => void;
         }, {}, {}, {
             scrollTo(options?: number | {
                 left?: number;
@@ -609,18 +635,31 @@ export declare const XDrawer: {
             }, y?: number): void;
             scrollTop(top: number): void;
             scrollLeft(left: number): void;
-        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "scroll"[], "scroll", {
+        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            scroll: (ev: Event) => true;
+        }, string, {
             type: "embed" | "track";
             hide: boolean;
             disableHorizontal: boolean;
             disableVertical: boolean;
         }, {}, string, {}, {
+            ResizeObserver: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                watchOnUpdated: BooleanConstructor;
+            }>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                [key: string]: any;
+            }>[] | undefined, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "resize"[], "resize", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                watchOnUpdated: BooleanConstructor;
+            }>> & Readonly<{
+                onResize?: ((...args: any[]) => any) | undefined;
+            }>, {
+                watchOnUpdated: boolean;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             Thumb: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 data: {
-                    type: import('vue').PropType<import('../scrollbar/src/types').ThumbData>;
+                    type: import('vue').PropType<import('../scrollbar-v2/interface').ThumbData>;
                 };
                 direction: {
-                    type: import('vue').PropType<import('../scrollbar/src/types').Direction>;
+                    type: import('vue').PropType<import('../../_utils/constant').Direction>;
                     default: string;
                 };
                 alwaysShow: {
@@ -632,15 +671,30 @@ export declare const XDrawer: {
                     default: boolean;
                 };
             }>, {
+                visible: import('vue').Ref<boolean, boolean>;
+                trackRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+                thumbRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+                className: {
+                    block: string;
+                    element: (className: string) => string;
+                    modifier: (className: string) => string;
+                    is: (className: string) => string;
+                };
+                thumbCls: import('vue').ComputedRef<(string | {
+                    [x: string]: boolean;
+                })[]>;
+                thumbStyle: import('vue').ComputedRef<{
+                    [x: string]: string;
+                }>;
+                handleThumbMouseDown: (ev: MouseEvent) => void;
+                handleTrackClick: (ev: MouseEvent) => void;
                 setOffset: (_offset: number) => void;
-            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                scroll: (...args: any[]) => void;
-            }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "scroll"[], "scroll", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                 data: {
-                    type: import('vue').PropType<import('../scrollbar/src/types').ThumbData>;
+                    type: import('vue').PropType<import('../scrollbar-v2/interface').ThumbData>;
                 };
                 direction: {
-                    type: import('vue').PropType<import('../scrollbar/src/types').Direction>;
+                    type: import('vue').PropType<import('../../_utils/constant').Direction>;
                     default: string;
                 };
                 alwaysShow: {
@@ -657,15 +711,7 @@ export declare const XDrawer: {
                 direction: "horizontal" | "vertical";
                 both: boolean;
                 alwaysShow: boolean;
-            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
-                trackRef: HTMLDivElement;
-                thumbRef: HTMLDivElement;
-            }, HTMLDivElement>;
-            ResizeObserver: import('vue').DefineComponent<{}, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-                [key: string]: any;
-            }>[] | undefined, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "resize"[], "resize", import('vue').PublicProps, Readonly<{}> & Readonly<{
-                onResize?: ((...args: any[]) => any) | undefined;
-            }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         } & import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
             install(app: import('vue').App): void;
         };
@@ -780,9 +826,9 @@ export declare const XDrawer: {
     }, {}, {}, {}, {
         title: string;
         disabled: boolean;
+        mask: boolean;
         height: string | number;
         width: string | number;
-        mask: boolean;
         renderTo: string | HTMLElement;
         modelValue: boolean;
         destroyOnClosed: boolean;
@@ -902,9 +948,9 @@ export declare const XDrawer: {
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("close" | "open" | "closed" | "opened" | "update:modelValue")[], "close" | "open" | "closed" | "opened" | "update:modelValue", {
     title: string;
     disabled: boolean;
+    mask: boolean;
     height: string | number;
     width: string | number;
-    mask: boolean;
     renderTo: string | HTMLElement;
     modelValue: boolean;
     destroyOnClosed: boolean;
@@ -919,7 +965,10 @@ export declare const XDrawer: {
 }, {}, string, {}, {
     Button: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
-            disabled: BooleanConstructor;
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
             block: BooleanConstructor;
             loading: BooleanConstructor;
             loadingFill: {
@@ -939,7 +988,7 @@ export declare const XDrawer: {
                 default: boolean;
             };
             type: {
-                type: import('vue').PropType<import('../button/props').ButtonType>;
+                type: import('vue').PropType<import('../button/props').ButtonTypes>;
                 default: string;
             };
             status: {
@@ -962,7 +1011,7 @@ export declare const XDrawer: {
             onClick?: ((...args: any[]) => any) | undefined;
         }>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], import('vue').PublicProps, {
             size: import('../button/props').ButtonSize;
-            type: import('../button/props').ButtonType;
+            type: import('../button/props').ButtonTypes;
             link: boolean;
             disabled: boolean;
             block: boolean;
@@ -981,7 +1030,10 @@ export declare const XDrawer: {
             M: {};
             Defaults: {};
         }, Readonly<import('vue').ExtractPropTypes<{
-            disabled: BooleanConstructor;
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
             block: BooleanConstructor;
             loading: BooleanConstructor;
             loadingFill: {
@@ -1001,7 +1053,7 @@ export declare const XDrawer: {
                 default: boolean;
             };
             type: {
-                type: import('vue').PropType<import('../button/props').ButtonType>;
+                type: import('vue').PropType<import('../button/props').ButtonTypes>;
                 default: string;
             };
             status: {
@@ -1024,7 +1076,7 @@ export declare const XDrawer: {
             onClick?: ((...args: any[]) => any) | undefined;
         }>, () => any, {}, {}, {}, {
             size: import('../button/props').ButtonSize;
-            type: import('../button/props').ButtonType;
+            type: import('../button/props').ButtonTypes;
             link: boolean;
             disabled: boolean;
             block: boolean;
@@ -1040,7 +1092,10 @@ export declare const XDrawer: {
         __isTeleport?: never;
         __isSuspense?: never;
     } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-        disabled: BooleanConstructor;
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         block: BooleanConstructor;
         loading: BooleanConstructor;
         loadingFill: {
@@ -1060,7 +1115,7 @@ export declare const XDrawer: {
             default: boolean;
         };
         type: {
-            type: import('vue').PropType<import('../button/props').ButtonType>;
+            type: import('vue').PropType<import('../button/props').ButtonTypes>;
             default: string;
         };
         status: {
@@ -1083,7 +1138,7 @@ export declare const XDrawer: {
         onClick?: ((...args: any[]) => any) | undefined;
     }>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", {
         size: import('../button/props').ButtonSize;
-        type: import('../button/props').ButtonType;
+        type: import('../button/props').ButtonTypes;
         link: boolean;
         disabled: boolean;
         block: boolean;
@@ -1201,29 +1256,28 @@ export declare const XDrawer: {
                 default: boolean;
             };
         }>> & Readonly<{
-            onScroll?: ((...args: any[]) => any) | undefined;
+            onScroll?: ((ev: Event) => any) | undefined;
         }>, {
-            ns: string;
             className: {
                 block: string;
                 element: (className: string) => string;
                 modifier: (className: string) => string;
                 is: (className: string) => string;
             };
-            cls: import('vue').ComputedRef<(string | false | Record<string, any> | unknown[] | undefined)[]>;
-            style: import('vue').ComputedRef<(string | false | import('vue').CSSProperties | import('vue').StyleValue[])[]>;
+            cls: import('vue').ComputedRef<(string | Record<string, any> | unknown[] | undefined)[]>;
+            style: import('vue').ComputedRef<import('vue').StyleValue[]>;
             containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
             horizontalThumbRef: import('vue').Ref<any, any>;
             verticalThumbRef: import('vue').Ref<any, any>;
-            horizontalData: import('vue').Ref<import('../scrollbar/src/types').ThumbData | undefined, import('../scrollbar/src/types').ThumbData | undefined>;
-            verticalData: import('vue').Ref<import('../scrollbar/src/types').ThumbData | undefined, import('../scrollbar/src/types').ThumbData | undefined>;
+            horizontalData: import('vue').Ref<import('../scrollbar-v2/interface').ThumbData | undefined, import('../scrollbar-v2/interface').ThumbData | undefined>;
+            verticalData: import('vue').Ref<import('../scrollbar-v2/interface').ThumbData | undefined, import('../scrollbar-v2/interface').ThumbData | undefined>;
             isBoth: import('vue').Ref<boolean, boolean>;
             hasHorizontalScrollbar: import('vue').ComputedRef<boolean>;
             hasVerticalScrollbar: import('vue').ComputedRef<boolean>;
+            handleResize: () => void;
             handleScroll: (ev: Event) => void;
             handleHorizontalScroll: (offset: number) => void;
             handleVerticalScroll: (offset: number) => void;
-            handleResize: () => void;
         }, {}, {}, {
             scrollTo(options?: number | {
                 left?: number;
@@ -1231,18 +1285,31 @@ export declare const XDrawer: {
             }, y?: number): void;
             scrollTop(top: number): void;
             scrollLeft(left: number): void;
-        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "scroll"[], import('vue').PublicProps, {
+        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            scroll: (ev: Event) => true;
+        }, import('vue').PublicProps, {
             type: "embed" | "track";
             hide: boolean;
             disableHorizontal: boolean;
             disableVertical: boolean;
         }, true, {}, {}, {
+            ResizeObserver: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                watchOnUpdated: BooleanConstructor;
+            }>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                [key: string]: any;
+            }>[] | undefined, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "resize"[], "resize", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                watchOnUpdated: BooleanConstructor;
+            }>> & Readonly<{
+                onResize?: ((...args: any[]) => any) | undefined;
+            }>, {
+                watchOnUpdated: boolean;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             Thumb: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 data: {
-                    type: import('vue').PropType<import('../scrollbar/src/types').ThumbData>;
+                    type: import('vue').PropType<import('../scrollbar-v2/interface').ThumbData>;
                 };
                 direction: {
-                    type: import('vue').PropType<import('../scrollbar/src/types').Direction>;
+                    type: import('vue').PropType<import('../../_utils/constant').Direction>;
                     default: string;
                 };
                 alwaysShow: {
@@ -1254,15 +1321,30 @@ export declare const XDrawer: {
                     default: boolean;
                 };
             }>, {
+                visible: import('vue').Ref<boolean, boolean>;
+                trackRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+                thumbRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+                className: {
+                    block: string;
+                    element: (className: string) => string;
+                    modifier: (className: string) => string;
+                    is: (className: string) => string;
+                };
+                thumbCls: import('vue').ComputedRef<(string | {
+                    [x: string]: boolean;
+                })[]>;
+                thumbStyle: import('vue').ComputedRef<{
+                    [x: string]: string;
+                }>;
+                handleThumbMouseDown: (ev: MouseEvent) => void;
+                handleTrackClick: (ev: MouseEvent) => void;
                 setOffset: (_offset: number) => void;
-            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                scroll: (...args: any[]) => void;
-            }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "scroll"[], "scroll", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                 data: {
-                    type: import('vue').PropType<import('../scrollbar/src/types').ThumbData>;
+                    type: import('vue').PropType<import('../scrollbar-v2/interface').ThumbData>;
                 };
                 direction: {
-                    type: import('vue').PropType<import('../scrollbar/src/types').Direction>;
+                    type: import('vue').PropType<import('../../_utils/constant').Direction>;
                     default: string;
                 };
                 alwaysShow: {
@@ -1279,15 +1361,7 @@ export declare const XDrawer: {
                 direction: "horizontal" | "vertical";
                 both: boolean;
                 alwaysShow: boolean;
-            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
-                trackRef: HTMLDivElement;
-                thumbRef: HTMLDivElement;
-            }, HTMLDivElement>;
-            ResizeObserver: import('vue').DefineComponent<{}, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-                [key: string]: any;
-            }>[] | undefined, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "resize"[], "resize", import('vue').PublicProps, Readonly<{}> & Readonly<{
-                onResize?: ((...args: any[]) => any) | undefined;
-            }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         } & import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
@@ -1317,29 +1391,28 @@ export declare const XDrawer: {
                 default: boolean;
             };
         }>> & Readonly<{
-            onScroll?: ((...args: any[]) => any) | undefined;
+            onScroll?: ((ev: Event) => any) | undefined;
         }>, {
-            ns: string;
             className: {
                 block: string;
                 element: (className: string) => string;
                 modifier: (className: string) => string;
                 is: (className: string) => string;
             };
-            cls: import('vue').ComputedRef<(string | false | Record<string, any> | unknown[] | undefined)[]>;
-            style: import('vue').ComputedRef<(string | false | import('vue').CSSProperties | import('vue').StyleValue[])[]>;
+            cls: import('vue').ComputedRef<(string | Record<string, any> | unknown[] | undefined)[]>;
+            style: import('vue').ComputedRef<import('vue').StyleValue[]>;
             containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
             horizontalThumbRef: import('vue').Ref<any, any>;
             verticalThumbRef: import('vue').Ref<any, any>;
-            horizontalData: import('vue').Ref<import('../scrollbar/src/types').ThumbData | undefined, import('../scrollbar/src/types').ThumbData | undefined>;
-            verticalData: import('vue').Ref<import('../scrollbar/src/types').ThumbData | undefined, import('../scrollbar/src/types').ThumbData | undefined>;
+            horizontalData: import('vue').Ref<import('../scrollbar-v2/interface').ThumbData | undefined, import('../scrollbar-v2/interface').ThumbData | undefined>;
+            verticalData: import('vue').Ref<import('../scrollbar-v2/interface').ThumbData | undefined, import('../scrollbar-v2/interface').ThumbData | undefined>;
             isBoth: import('vue').Ref<boolean, boolean>;
             hasHorizontalScrollbar: import('vue').ComputedRef<boolean>;
             hasVerticalScrollbar: import('vue').ComputedRef<boolean>;
+            handleResize: () => void;
             handleScroll: (ev: Event) => void;
             handleHorizontalScroll: (offset: number) => void;
             handleVerticalScroll: (offset: number) => void;
-            handleResize: () => void;
         }, {}, {}, {
             scrollTo(options?: number | {
                 left?: number;
@@ -1378,29 +1451,28 @@ export declare const XDrawer: {
             default: boolean;
         };
     }>> & Readonly<{
-        onScroll?: ((...args: any[]) => any) | undefined;
+        onScroll?: ((ev: Event) => any) | undefined;
     }>, {
-        ns: string;
         className: {
             block: string;
             element: (className: string) => string;
             modifier: (className: string) => string;
             is: (className: string) => string;
         };
-        cls: import('vue').ComputedRef<(string | false | Record<string, any> | unknown[] | undefined)[]>;
-        style: import('vue').ComputedRef<(string | false | import('vue').CSSProperties | import('vue').StyleValue[])[]>;
+        cls: import('vue').ComputedRef<(string | Record<string, any> | unknown[] | undefined)[]>;
+        style: import('vue').ComputedRef<import('vue').StyleValue[]>;
         containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
         horizontalThumbRef: import('vue').Ref<any, any>;
         verticalThumbRef: import('vue').Ref<any, any>;
-        horizontalData: import('vue').Ref<import('../scrollbar/src/types').ThumbData | undefined, import('../scrollbar/src/types').ThumbData | undefined>;
-        verticalData: import('vue').Ref<import('../scrollbar/src/types').ThumbData | undefined, import('../scrollbar/src/types').ThumbData | undefined>;
+        horizontalData: import('vue').Ref<import('../scrollbar-v2/interface').ThumbData | undefined, import('../scrollbar-v2/interface').ThumbData | undefined>;
+        verticalData: import('vue').Ref<import('../scrollbar-v2/interface').ThumbData | undefined, import('../scrollbar-v2/interface').ThumbData | undefined>;
         isBoth: import('vue').Ref<boolean, boolean>;
         hasHorizontalScrollbar: import('vue').ComputedRef<boolean>;
         hasVerticalScrollbar: import('vue').ComputedRef<boolean>;
+        handleResize: () => void;
         handleScroll: (ev: Event) => void;
         handleHorizontalScroll: (offset: number) => void;
         handleVerticalScroll: (offset: number) => void;
-        handleResize: () => void;
     }, {}, {}, {
         scrollTo(options?: number | {
             left?: number;
@@ -1408,18 +1480,31 @@ export declare const XDrawer: {
         }, y?: number): void;
         scrollTop(top: number): void;
         scrollLeft(left: number): void;
-    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "scroll"[], "scroll", {
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        scroll: (ev: Event) => true;
+    }, string, {
         type: "embed" | "track";
         hide: boolean;
         disableHorizontal: boolean;
         disableVertical: boolean;
     }, {}, string, {}, {
+        ResizeObserver: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            watchOnUpdated: BooleanConstructor;
+        }>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+            [key: string]: any;
+        }>[] | undefined, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "resize"[], "resize", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            watchOnUpdated: BooleanConstructor;
+        }>> & Readonly<{
+            onResize?: ((...args: any[]) => any) | undefined;
+        }>, {
+            watchOnUpdated: boolean;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         Thumb: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
             data: {
-                type: import('vue').PropType<import('../scrollbar/src/types').ThumbData>;
+                type: import('vue').PropType<import('../scrollbar-v2/interface').ThumbData>;
             };
             direction: {
-                type: import('vue').PropType<import('../scrollbar/src/types').Direction>;
+                type: import('vue').PropType<import('../../_utils/constant').Direction>;
                 default: string;
             };
             alwaysShow: {
@@ -1431,15 +1516,30 @@ export declare const XDrawer: {
                 default: boolean;
             };
         }>, {
+            visible: import('vue').Ref<boolean, boolean>;
+            trackRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+            thumbRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+            className: {
+                block: string;
+                element: (className: string) => string;
+                modifier: (className: string) => string;
+                is: (className: string) => string;
+            };
+            thumbCls: import('vue').ComputedRef<(string | {
+                [x: string]: boolean;
+            })[]>;
+            thumbStyle: import('vue').ComputedRef<{
+                [x: string]: string;
+            }>;
+            handleThumbMouseDown: (ev: MouseEvent) => void;
+            handleTrackClick: (ev: MouseEvent) => void;
             setOffset: (_offset: number) => void;
-        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            scroll: (...args: any[]) => void;
-        }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "scroll"[], "scroll", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
             data: {
-                type: import('vue').PropType<import('../scrollbar/src/types').ThumbData>;
+                type: import('vue').PropType<import('../scrollbar-v2/interface').ThumbData>;
             };
             direction: {
-                type: import('vue').PropType<import('../scrollbar/src/types').Direction>;
+                type: import('vue').PropType<import('../../_utils/constant').Direction>;
                 default: string;
             };
             alwaysShow: {
@@ -1456,19 +1556,11 @@ export declare const XDrawer: {
             direction: "horizontal" | "vertical";
             both: boolean;
             alwaysShow: boolean;
-        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
-            trackRef: HTMLDivElement;
-            thumbRef: HTMLDivElement;
-        }, HTMLDivElement>;
-        ResizeObserver: import('vue').DefineComponent<{}, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-            [key: string]: any;
-        }>[] | undefined, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "resize"[], "resize", import('vue').PublicProps, Readonly<{}> & Readonly<{
-            onResize?: ((...args: any[]) => any) | undefined;
-        }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     } & import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
         install(app: import('vue').App): void;
     };
 } & import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
     install(app: import('vue').App): void;
 };
-export { XDrawer as default };
+export { Drawer as default };