@sdata/web-vue 1.9.0 → 1.11.0

package/es/dropdown/dropdown-button.vue.d.ts

@@ -29,10 +29,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         default: boolean;
     };
     type: {
-        type: StringConstructor;
+        type: PropType<ButtonProps["type"]>;
     };
     size: {
-        type: StringConstructor;
+        type: PropType<ButtonProps["size"]>;
     };
     buttonProps: {
         type: PropType<ButtonProps>;
@@ -77,10 +77,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         default: boolean;
     };
     type: {
-        type: StringConstructor;
+        type: PropType<ButtonProps["type"]>;
     };
     size: {
-        type: StringConstructor;
+        type: PropType<ButtonProps["size"]>;
     };
     buttonProps: {
         type: PropType<ButtonProps>;
@@ -130,6 +130,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (ev: MouseEvent) => true;
@@ -172,6 +173,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, {
             spin: boolean;
@@ -209,6 +211,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             [x: string]: boolean;
         })[]>;
         innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+        svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
         onClick: (ev: MouseEvent) => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         click: (ev: MouseEvent) => true;
@@ -300,6 +303,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                         [x: string]: boolean;
                     })[]>;
                     innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                    svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
                     onClick: (ev: MouseEvent) => void;
                 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                     click: (ev: MouseEvent) => true;
@@ -342,6 +346,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                         [x: string]: boolean;
                     })[]>;
                     innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                    svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
                     onClick: (ev: MouseEvent) => void;
                 }, {}, {}, {}, {
                     spin: boolean;
@@ -379,6 +384,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                     [x: string]: boolean;
                 })[]>;
                 innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
                 onClick: (ev: MouseEvent) => void;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 click: (ev: MouseEvent) => true;
@@ -528,6 +534,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                     [x: string]: boolean;
                 })[]>;
                 innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
                 onClick: (ev: MouseEvent) => void;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 click: (ev: MouseEvent) => true;
@@ -570,6 +577,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                     [x: string]: boolean;
                 })[]>;
                 innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
                 onClick: (ev: MouseEvent) => void;
             }, {}, {}, {}, {
                 spin: boolean;
@@ -607,6 +615,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (ev: MouseEvent) => true;
@@ -918,9 +927,9 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             }>> & Readonly<{
                 onResize?: (() => any) | undefined;
                 onHide?: (() => any) | undefined;
-                onShow?: (() => any) | undefined;
                 "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
                 onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
+                onShow?: (() => any) | undefined;
             }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 'update:popupVisible': (_visible: boolean) => true;
                 popupVisibleChange: (_visible: boolean) => true;
@@ -932,6 +941,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 unmountOnClose: boolean;
                 renderToBody: boolean;
                 position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+                animationName: string;
                 autoFitPosition: boolean;
                 popupVisible: boolean;
                 defaultPopupVisible: boolean;
@@ -943,7 +953,6 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 blurToClose: boolean;
                 clickToClose: boolean;
                 clickOutsideToClose: boolean;
-                animationName: string;
                 mouseEnterDelay: number;
                 mouseLeaveDelay: number;
                 focusDelay: number;
@@ -1109,14 +1118,15 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             }>> & Readonly<{
                 onResize?: (() => any) | undefined;
                 onHide?: (() => any) | undefined;
-                onShow?: (() => any) | undefined;
                 "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
                 onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
+                onShow?: (() => any) | undefined;
             }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
                 disabled: boolean;
                 unmountOnClose: boolean;
                 renderToBody: boolean;
                 position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+                animationName: string;
                 autoFitPosition: boolean;
                 popupVisible: boolean;
                 defaultPopupVisible: boolean;
@@ -1128,7 +1138,6 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 blurToClose: boolean;
                 clickToClose: boolean;
                 clickOutsideToClose: boolean;
-                animationName: string;
                 mouseEnterDelay: number;
                 mouseLeaveDelay: number;
                 focusDelay: number;
@@ -1291,9 +1300,9 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         }>> & Readonly<{
             onResize?: (() => any) | undefined;
             onHide?: (() => any) | undefined;
-            onShow?: (() => any) | undefined;
             "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
             onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
+            onShow?: (() => any) | undefined;
         }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             'update:popupVisible': (_visible: boolean) => true;
             popupVisibleChange: (_visible: boolean) => true;
@@ -1305,6 +1314,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             unmountOnClose: boolean;
             renderToBody: boolean;
             position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+            animationName: string;
             autoFitPosition: boolean;
             popupVisible: boolean;
             defaultPopupVisible: boolean;
@@ -1316,7 +1326,6 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             blurToClose: boolean;
             clickToClose: boolean;
             clickOutsideToClose: boolean;
-            animationName: string;
             mouseEnterDelay: number;
             mouseLeaveDelay: number;
             focusDelay: number;
@@ -1396,6 +1405,29 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                     outerStyle: {
                         type: PropType<import("vue").StyleValue>;
                     };
+                    paddingAbsolute: {
+                        type: PropType<import("..").ScrollbarProps["paddingAbsolute"]>;
+                        default: undefined;
+                    };
+                    showNativeOverlaidScrollbars: {
+                        type: PropType<import("..").ScrollbarProps["showNativeOverlaidScrollbars"]>;
+                        default: undefined;
+                    };
+                    updateOptions: {
+                        type: PropType<import("..").ScrollbarProps["updateOptions"]>;
+                    };
+                    overflow: {
+                        type: PropType<import("..").ScrollbarProps["overflow"]>;
+                    };
+                    scrollbars: {
+                        type: PropType<import("..").ScrollbarProps["scrollbars"]>;
+                    };
+                    overlayOptions: {
+                        type: PropType<import("..").ScrollbarProps["overlayOptions"]>;
+                    };
+                    events: {
+                        type: PropType<import("..").ScrollbarProps["events"]>;
+                    };
                     hide: {
                         type: BooleanConstructor;
                         default: boolean;
@@ -1413,20 +1445,80 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 }>, {
                     prefixCls: string;
                     cls: import("vue").ComputedRef<(string | Record<string, any> | unknown[] | undefined)[]>;
-                    style: import("vue").ComputedRef<import("vue").StyleValue[]>;
+                    outerStyle: 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/interface").ThumbData | undefined, import("../scrollbar/interface").ThumbData | undefined>;
-                    verticalData: import("vue").Ref<import("../scrollbar/interface").ThumbData | undefined, import("../scrollbar/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;
+                    mergedOptions: import("vue").ComputedRef<{
+                        paddingAbsolute: boolean | undefined;
+                        showNativeOverlaidScrollbars: boolean | undefined;
+                        update: import("../scrollbar/interface").ScrollbarUpdateOptions | undefined;
+                        overflow: {
+                            x: string;
+                            y: string;
+                        };
+                        scrollbars: {
+                            theme: string | null;
+                            visibility: import("overlayscrollbars").ScrollbarsVisibilityBehavior;
+                            autoHide: string;
+                            autoHideDelay?: number;
+                            autoHideSuspend: boolean;
+                            dragScroll?: boolean;
+                            clickScroll: string | boolean | ((isHorizontal: boolean) => Partial<import("../scrollbar/interface").ScrollbarClickScrollBehaviorOptions> | false | null | undefined | void);
+                            pointers?: string[] | null;
+                        };
+                    }>;
+                    resolveOSInstance: () => {
+                        options: {
+                            (): import("overlayscrollbars").Options;
+                            (newOptions: import("overlayscrollbars").PartialOptions, pure?: boolean): import("overlayscrollbars").Options;
+                        };
+                        on: {
+                            (eventListeners: import("overlayscrollbars").EventListeners, pure?: boolean): () => void;
+                            <N extends keyof import("overlayscrollbars").EventListenerArgs>(name: N, listener: import("overlayscrollbars").EventListener<N>): () => void;
+                            <N extends keyof import("overlayscrollbars").EventListenerArgs>(name: N, listener: import("overlayscrollbars").EventListener<N>[]): () => void;
+                        };
+                        off: {
+                            <N extends keyof import("overlayscrollbars").EventListenerArgs>(name: N, listener: import("overlayscrollbars").EventListener<N>): void;
+                            <N extends keyof import("overlayscrollbars").EventListenerArgs>(name: N, listener: import("overlayscrollbars").EventListener<N>[]): void;
+                        };
+                        update: (force?: boolean) => boolean;
+                        sleep: (sleeping: boolean) => void;
+                        state: () => import("overlayscrollbars").State;
+                        elements: () => import("overlayscrollbars").Elements;
+                        destroy: () => void;
+                        plugin: <P extends import("overlayscrollbars").InstancePlugin>(osPlugin: P) => import("overlayscrollbars").InferInstancePluginModuleInstance<P> | undefined;
+                    } | null;
+                    getScrollOffsetElement: () => HTMLElement | null;
                 }, {}, {}, {
+                    getOSInstance(): {
+                        options: {
+                            (): import("overlayscrollbars").Options;
+                            (newOptions: import("overlayscrollbars").PartialOptions, pure?: boolean): import("overlayscrollbars").Options;
+                        };
+                        on: {
+                            (eventListeners: import("overlayscrollbars").EventListeners, pure?: boolean): () => void;
+                            <N extends keyof import("overlayscrollbars").EventListenerArgs>(name: N, listener: import("overlayscrollbars").EventListener<N>): () => void;
+                            <N extends keyof import("overlayscrollbars").EventListenerArgs>(name: N, listener: import("overlayscrollbars").EventListener<N>[]): () => void;
+                        };
+                        off: {
+                            <N extends keyof import("overlayscrollbars").EventListenerArgs>(name: N, listener: import("overlayscrollbars").EventListener<N>): void;
+                            <N extends keyof import("overlayscrollbars").EventListenerArgs>(name: N, listener: import("overlayscrollbars").EventListener<N>[]): void;
+                        };
+                        update: (force?: boolean) => boolean;
+                        sleep: (sleeping: boolean) => void;
+                        state: () => import("overlayscrollbars").State;
+                        elements: () => import("overlayscrollbars").Elements;
+                        destroy: () => void;
+                        plugin: <P extends import("overlayscrollbars").InstancePlugin>(osPlugin: P) => import("overlayscrollbars").InferInstancePluginModuleInstance<P> | undefined;
+                    } | null;
+                    options(newOptions?: import("..").ScrollbarProps["overlayOptions"], pure?: boolean): import("overlayscrollbars").Options | undefined;
+                    on(nameOrListeners: keyof import("overlayscrollbars").EventListenerArgs | import("overlayscrollbars").EventListeners, listenerOrPure?: import("..").ScrollbarEventListener<keyof import("overlayscrollbars").EventListenerArgs> | import("..").ScrollbarEventListener<keyof import("overlayscrollbars").EventListenerArgs>[] | boolean): (() => void) | undefined;
+                    off(name: keyof import("overlayscrollbars").EventListenerArgs, listener: import("..").ScrollbarEventListener<keyof import("overlayscrollbars").EventListenerArgs> | import("..").ScrollbarEventListener<keyof import("overlayscrollbars").EventListenerArgs>[]): void;
+                    update(force?: boolean): boolean;
+                    sleep(sleeping: boolean): void;
+                    state(): import("overlayscrollbars").State | undefined;
+                    elements(): import("overlayscrollbars").Elements | undefined;
+                    plugin(osPlugin: import("..").ScrollbarPlugin): void | import("overlayscrollbars").PluginModuleInstance | undefined;
+                    destroy(): void;
                     scrollTo(options?: number | {
                         left?: number;
                         top?: number;
@@ -1437,75 +1529,12 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                     scroll: (_ev: Event) => true;
                 }, import("vue").PublicProps, {
                     type: "embed" | "track";
+                    paddingAbsolute: boolean | undefined;
+                    showNativeOverlaidScrollbars: boolean | undefined;
                     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: PropType<import("../scrollbar/interface").ThumbData>;
-                        };
-                        direction: {
-                            type: PropType<import("..").Direction>;
-                            default: string;
-                        };
-                        alwaysShow: {
-                            type: BooleanConstructor;
-                            default: boolean;
-                        };
-                        both: {
-                            type: BooleanConstructor;
-                            default: boolean;
-                        };
-                    }>, {
-                        visible: import("vue").Ref<boolean, boolean>;
-                        trackRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
-                        thumbRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
-                        prefixCls: 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"[], "scroll", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-                        data: {
-                            type: PropType<import("../scrollbar/interface").ThumbData>;
-                        };
-                        direction: {
-                            type: PropType<import("..").Direction>;
-                            default: string;
-                        };
-                        alwaysShow: {
-                            type: BooleanConstructor;
-                            default: boolean;
-                        };
-                        both: {
-                            type: BooleanConstructor;
-                            default: boolean;
-                        };
-                    }>> & Readonly<{
-                        onScroll?: ((...args: any[]) => any) | undefined;
-                    }>, {
-                        direction: "horizontal" | "vertical";
-                        alwaysShow: boolean;
-                        both: boolean;
-                    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-                } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+                }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
                     P: {};
                     B: {};
                     D: {};
@@ -1521,6 +1550,29 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                     outerStyle: {
                         type: PropType<import("vue").StyleValue>;
                     };
+                    paddingAbsolute: {
+                        type: PropType<import("..").ScrollbarProps["paddingAbsolute"]>;
+                        default: undefined;
+                    };
+                    showNativeOverlaidScrollbars: {
+                        type: PropType<import("..").ScrollbarProps["showNativeOverlaidScrollbars"]>;
+                        default: undefined;
+                    };
+                    updateOptions: {
+                        type: PropType<import("..").ScrollbarProps["updateOptions"]>;
+                    };
+                    overflow: {
+                        type: PropType<import("..").ScrollbarProps["overflow"]>;
+                    };
+                    scrollbars: {
+                        type: PropType<import("..").ScrollbarProps["scrollbars"]>;
+                    };
+                    overlayOptions: {
+                        type: PropType<import("..").ScrollbarProps["overlayOptions"]>;
+                    };
+                    events: {
+                        type: PropType<import("..").ScrollbarProps["events"]>;
+                    };
                     hide: {
                         type: BooleanConstructor;
                         default: boolean;
@@ -1538,20 +1590,80 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 }>, {
                     prefixCls: string;
                     cls: import("vue").ComputedRef<(string | Record<string, any> | unknown[] | undefined)[]>;
-                    style: import("vue").ComputedRef<import("vue").StyleValue[]>;
+                    outerStyle: 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/interface").ThumbData | undefined, import("../scrollbar/interface").ThumbData | undefined>;
-                    verticalData: import("vue").Ref<import("../scrollbar/interface").ThumbData | undefined, import("../scrollbar/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;
+                    mergedOptions: import("vue").ComputedRef<{
+                        paddingAbsolute: boolean | undefined;
+                        showNativeOverlaidScrollbars: boolean | undefined;
+                        update: import("../scrollbar/interface").ScrollbarUpdateOptions | undefined;
+                        overflow: {
+                            x: string;
+                            y: string;
+                        };
+                        scrollbars: {
+                            theme: string | null;
+                            visibility: import("overlayscrollbars").ScrollbarsVisibilityBehavior;
+                            autoHide: string;
+                            autoHideDelay?: number;
+                            autoHideSuspend: boolean;
+                            dragScroll?: boolean;
+                            clickScroll: string | boolean | ((isHorizontal: boolean) => Partial<import("../scrollbar/interface").ScrollbarClickScrollBehaviorOptions> | false | null | undefined | void);
+                            pointers?: string[] | null;
+                        };
+                    }>;
+                    resolveOSInstance: () => {
+                        options: {
+                            (): import("overlayscrollbars").Options;
+                            (newOptions: import("overlayscrollbars").PartialOptions, pure?: boolean): import("overlayscrollbars").Options;
+                        };
+                        on: {
+                            (eventListeners: import("overlayscrollbars").EventListeners, pure?: boolean): () => void;
+                            <N extends keyof import("overlayscrollbars").EventListenerArgs>(name: N, listener: import("overlayscrollbars").EventListener<N>): () => void;
+                            <N extends keyof import("overlayscrollbars").EventListenerArgs>(name: N, listener: import("overlayscrollbars").EventListener<N>[]): () => void;
+                        };
+                        off: {
+                            <N extends keyof import("overlayscrollbars").EventListenerArgs>(name: N, listener: import("overlayscrollbars").EventListener<N>): void;
+                            <N extends keyof import("overlayscrollbars").EventListenerArgs>(name: N, listener: import("overlayscrollbars").EventListener<N>[]): void;
+                        };
+                        update: (force?: boolean) => boolean;
+                        sleep: (sleeping: boolean) => void;
+                        state: () => import("overlayscrollbars").State;
+                        elements: () => import("overlayscrollbars").Elements;
+                        destroy: () => void;
+                        plugin: <P extends import("overlayscrollbars").InstancePlugin>(osPlugin: P) => import("overlayscrollbars").InferInstancePluginModuleInstance<P> | undefined;
+                    } | null;
+                    getScrollOffsetElement: () => HTMLElement | null;
                 }, {}, {}, {
+                    getOSInstance(): {
+                        options: {
+                            (): import("overlayscrollbars").Options;
+                            (newOptions: import("overlayscrollbars").PartialOptions, pure?: boolean): import("overlayscrollbars").Options;
+                        };
+                        on: {
+                            (eventListeners: import("overlayscrollbars").EventListeners, pure?: boolean): () => void;
+                            <N extends keyof import("overlayscrollbars").EventListenerArgs>(name: N, listener: import("overlayscrollbars").EventListener<N>): () => void;
+                            <N extends keyof import("overlayscrollbars").EventListenerArgs>(name: N, listener: import("overlayscrollbars").EventListener<N>[]): () => void;
+                        };
+                        off: {
+                            <N extends keyof import("overlayscrollbars").EventListenerArgs>(name: N, listener: import("overlayscrollbars").EventListener<N>): void;
+                            <N extends keyof import("overlayscrollbars").EventListenerArgs>(name: N, listener: import("overlayscrollbars").EventListener<N>[]): void;
+                        };
+                        update: (force?: boolean) => boolean;
+                        sleep: (sleeping: boolean) => void;
+                        state: () => import("overlayscrollbars").State;
+                        elements: () => import("overlayscrollbars").Elements;
+                        destroy: () => void;
+                        plugin: <P extends import("overlayscrollbars").InstancePlugin>(osPlugin: P) => import("overlayscrollbars").InferInstancePluginModuleInstance<P> | undefined;
+                    } | null;
+                    options(newOptions?: import("..").ScrollbarProps["overlayOptions"], pure?: boolean): import("overlayscrollbars").Options | undefined;
+                    on(nameOrListeners: keyof import("overlayscrollbars").EventListenerArgs | import("overlayscrollbars").EventListeners, listenerOrPure?: import("..").ScrollbarEventListener<keyof import("overlayscrollbars").EventListenerArgs> | import("..").ScrollbarEventListener<keyof import("overlayscrollbars").EventListenerArgs>[] | boolean): (() => void) | undefined;
+                    off(name: keyof import("overlayscrollbars").EventListenerArgs, listener: import("..").ScrollbarEventListener<keyof import("overlayscrollbars").EventListenerArgs> | import("..").ScrollbarEventListener<keyof import("overlayscrollbars").EventListenerArgs>[]): void;
+                    update(force?: boolean): boolean;
+                    sleep(sleeping: boolean): void;
+                    state(): import("overlayscrollbars").State | undefined;
+                    elements(): import("overlayscrollbars").Elements | undefined;
+                    plugin(osPlugin: import("..").ScrollbarPlugin): void | import("overlayscrollbars").PluginModuleInstance | undefined;
+                    destroy(): void;
                     scrollTo(options?: number | {
                         left?: number;
                         top?: number;
@@ -1560,6 +1672,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                     scrollLeft(left: number): void;
                 }, {
                     type: "embed" | "track";
+                    paddingAbsolute: boolean | undefined;
+                    showNativeOverlaidScrollbars: boolean | undefined;
                     hide: boolean;
                     disableHorizontal: boolean;
                     disableVertical: boolean;
@@ -1576,6 +1690,29 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 outerStyle: {
                     type: PropType<import("vue").StyleValue>;
                 };
+                paddingAbsolute: {
+                    type: PropType<import("..").ScrollbarProps["paddingAbsolute"]>;
+                    default: undefined;
+                };
+                showNativeOverlaidScrollbars: {
+                    type: PropType<import("..").ScrollbarProps["showNativeOverlaidScrollbars"]>;
+                    default: undefined;
+                };
+                updateOptions: {
+                    type: PropType<import("..").ScrollbarProps["updateOptions"]>;
+                };
+                overflow: {
+                    type: PropType<import("..").ScrollbarProps["overflow"]>;
+                };
+                scrollbars: {
+                    type: PropType<import("..").ScrollbarProps["scrollbars"]>;
+                };
+                overlayOptions: {
+                    type: PropType<import("..").ScrollbarProps["overlayOptions"]>;
+                };
+                events: {
+                    type: PropType<import("..").ScrollbarProps["events"]>;
+                };
                 hide: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -1593,20 +1730,80 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             }>, {
                 prefixCls: string;
                 cls: import("vue").ComputedRef<(string | Record<string, any> | unknown[] | undefined)[]>;
-                style: import("vue").ComputedRef<import("vue").StyleValue[]>;
+                outerStyle: 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/interface").ThumbData | undefined, import("../scrollbar/interface").ThumbData | undefined>;
-                verticalData: import("vue").Ref<import("../scrollbar/interface").ThumbData | undefined, import("../scrollbar/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;
+                mergedOptions: import("vue").ComputedRef<{
+                    paddingAbsolute: boolean | undefined;
+                    showNativeOverlaidScrollbars: boolean | undefined;
+                    update: import("../scrollbar/interface").ScrollbarUpdateOptions | undefined;
+                    overflow: {
+                        x: string;
+                        y: string;
+                    };
+                    scrollbars: {
+                        theme: string | null;
+                        visibility: import("overlayscrollbars").ScrollbarsVisibilityBehavior;
+                        autoHide: string;
+                        autoHideDelay?: number;
+                        autoHideSuspend: boolean;
+                        dragScroll?: boolean;
+                        clickScroll: string | boolean | ((isHorizontal: boolean) => Partial<import("../scrollbar/interface").ScrollbarClickScrollBehaviorOptions> | false | null | undefined | void);
+                        pointers?: string[] | null;
+                    };
+                }>;
+                resolveOSInstance: () => {
+                    options: {
+                        (): import("overlayscrollbars").Options;
+                        (newOptions: import("overlayscrollbars").PartialOptions, pure?: boolean): import("overlayscrollbars").Options;
+                    };
+                    on: {
+                        (eventListeners: import("overlayscrollbars").EventListeners, pure?: boolean): () => void;
+                        <N extends keyof import("overlayscrollbars").EventListenerArgs>(name: N, listener: import("overlayscrollbars").EventListener<N>): () => void;
+                        <N extends keyof import("overlayscrollbars").EventListenerArgs>(name: N, listener: import("overlayscrollbars").EventListener<N>[]): () => void;
+                    };
+                    off: {
+                        <N extends keyof import("overlayscrollbars").EventListenerArgs>(name: N, listener: import("overlayscrollbars").EventListener<N>): void;
+                        <N extends keyof import("overlayscrollbars").EventListenerArgs>(name: N, listener: import("overlayscrollbars").EventListener<N>[]): void;
+                    };
+                    update: (force?: boolean) => boolean;
+                    sleep: (sleeping: boolean) => void;
+                    state: () => import("overlayscrollbars").State;
+                    elements: () => import("overlayscrollbars").Elements;
+                    destroy: () => void;
+                    plugin: <P extends import("overlayscrollbars").InstancePlugin>(osPlugin: P) => import("overlayscrollbars").InferInstancePluginModuleInstance<P> | undefined;
+                } | null;
+                getScrollOffsetElement: () => HTMLElement | null;
             }, {}, {}, {
+                getOSInstance(): {
+                    options: {
+                        (): import("overlayscrollbars").Options;
+                        (newOptions: import("overlayscrollbars").PartialOptions, pure?: boolean): import("overlayscrollbars").Options;
+                    };
+                    on: {
+                        (eventListeners: import("overlayscrollbars").EventListeners, pure?: boolean): () => void;
+                        <N extends keyof import("overlayscrollbars").EventListenerArgs>(name: N, listener: import("overlayscrollbars").EventListener<N>): () => void;
+                        <N extends keyof import("overlayscrollbars").EventListenerArgs>(name: N, listener: import("overlayscrollbars").EventListener<N>[]): () => void;
+                    };
+                    off: {
+                        <N extends keyof import("overlayscrollbars").EventListenerArgs>(name: N, listener: import("overlayscrollbars").EventListener<N>): void;
+                        <N extends keyof import("overlayscrollbars").EventListenerArgs>(name: N, listener: import("overlayscrollbars").EventListener<N>[]): void;
+                    };
+                    update: (force?: boolean) => boolean;
+                    sleep: (sleeping: boolean) => void;
+                    state: () => import("overlayscrollbars").State;
+                    elements: () => import("overlayscrollbars").Elements;
+                    destroy: () => void;
+                    plugin: <P extends import("overlayscrollbars").InstancePlugin>(osPlugin: P) => import("overlayscrollbars").InferInstancePluginModuleInstance<P> | undefined;
+                } | null;
+                options(newOptions?: import("..").ScrollbarProps["overlayOptions"], pure?: boolean): import("overlayscrollbars").Options | undefined;
+                on(nameOrListeners: keyof import("overlayscrollbars").EventListenerArgs | import("overlayscrollbars").EventListeners, listenerOrPure?: import("..").ScrollbarEventListener<keyof import("overlayscrollbars").EventListenerArgs> | import("..").ScrollbarEventListener<keyof import("overlayscrollbars").EventListenerArgs>[] | boolean): (() => void) | undefined;
+                off(name: keyof import("overlayscrollbars").EventListenerArgs, listener: import("..").ScrollbarEventListener<keyof import("overlayscrollbars").EventListenerArgs> | import("..").ScrollbarEventListener<keyof import("overlayscrollbars").EventListenerArgs>[]): void;
+                update(force?: boolean): boolean;
+                sleep(sleeping: boolean): void;
+                state(): import("overlayscrollbars").State | undefined;
+                elements(): import("overlayscrollbars").Elements | undefined;
+                plugin(osPlugin: import("..").ScrollbarPlugin): void | import("overlayscrollbars").PluginModuleInstance | undefined;
+                destroy(): void;
                 scrollTo(options?: number | {
                     left?: number;
                     top?: number;
@@ -1617,75 +1814,12 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 scroll: (_ev: Event) => true;
             }, string, {
                 type: "embed" | "track";
+                paddingAbsolute: boolean | undefined;
+                showNativeOverlaidScrollbars: boolean | undefined;
                 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: PropType<import("../scrollbar/interface").ThumbData>;
-                    };
-                    direction: {
-                        type: PropType<import("..").Direction>;
-                        default: string;
-                    };
-                    alwaysShow: {
-                        type: BooleanConstructor;
-                        default: boolean;
-                    };
-                    both: {
-                        type: BooleanConstructor;
-                        default: boolean;
-                    };
-                }>, {
-                    visible: import("vue").Ref<boolean, boolean>;
-                    trackRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
-                    thumbRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
-                    prefixCls: 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"[], "scroll", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-                    data: {
-                        type: PropType<import("../scrollbar/interface").ThumbData>;
-                    };
-                    direction: {
-                        type: PropType<import("..").Direction>;
-                        default: string;
-                    };
-                    alwaysShow: {
-                        type: BooleanConstructor;
-                        default: boolean;
-                    };
-                    both: {
-                        type: BooleanConstructor;
-                        default: boolean;
-                    };
-                }>> & Readonly<{
-                    onScroll?: ((...args: any[]) => any) | undefined;
-                }>, {
-                    direction: "horizontal" | "vertical";
-                    alwaysShow: boolean;
-                    both: boolean;
-                }, {}, {}, {}, 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 & {
+            }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
                 install: (app: import("vue").App, options?: import("../_utils/types").SDOptions) => void;
             };
             Empty: {