@sdata/web-vue 1.9.0 → 1.10.0

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

@@ -219,9 +219,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;
@@ -233,6 +233,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;
@@ -244,7 +245,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;
@@ -410,14 +410,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;
@@ -429,7 +430,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;
@@ -592,9 +592,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;
@@ -606,6 +606,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;
@@ -617,7 +618,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;
@@ -697,6 +697,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;
@@ -714,20 +737,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;
@@ -738,75 +821,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: {};
@@ -822,6 +842,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;
@@ -839,20 +882,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;
@@ -861,6 +964,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;
@@ -877,6 +982,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;
@@ -894,20 +1022,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;
@@ -918,75 +1106,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: {
@@ -1102,6 +1227,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;
@@ -1144,6 +1270,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;
@@ -1181,6 +1308,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;