@sdata/web-vue 1.9.0 → 1.10.0

package/es/dropdown/index.d.ts

@@ -201,9 +201,9 @@ declare const Dropdown: {
             }>> & 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;
@@ -215,6 +215,7 @@ declare const Dropdown: {
                 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;
@@ -226,7 +227,6 @@ declare const Dropdown: {
                 blurToClose: boolean;
                 clickToClose: boolean;
                 clickOutsideToClose: boolean;
-                animationName: string;
                 mouseEnterDelay: number;
                 mouseLeaveDelay: number;
                 focusDelay: number;
@@ -392,14 +392,15 @@ declare const Dropdown: {
             }>> & 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;
@@ -411,7 +412,6 @@ declare const Dropdown: {
                 blurToClose: boolean;
                 clickToClose: boolean;
                 clickOutsideToClose: boolean;
-                animationName: string;
                 mouseEnterDelay: number;
                 mouseLeaveDelay: number;
                 focusDelay: number;
@@ -574,9 +574,9 @@ declare const Dropdown: {
         }>> & 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;
@@ -588,6 +588,7 @@ declare const Dropdown: {
             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;
@@ -599,7 +600,6 @@ declare const Dropdown: {
             blurToClose: boolean;
             clickToClose: boolean;
             clickOutsideToClose: boolean;
-            animationName: string;
             mouseEnterDelay: number;
             mouseLeaveDelay: number;
             focusDelay: number;
@@ -679,6 +679,29 @@ declare const Dropdown: {
                     outerStyle: {
                         type: import("vue").PropType<import("vue").StyleValue>;
                     };
+                    paddingAbsolute: {
+                        type: import("vue").PropType<import("..").ScrollbarProps["paddingAbsolute"]>;
+                        default: undefined;
+                    };
+                    showNativeOverlaidScrollbars: {
+                        type: import("vue").PropType<import("..").ScrollbarProps["showNativeOverlaidScrollbars"]>;
+                        default: undefined;
+                    };
+                    updateOptions: {
+                        type: import("vue").PropType<import("..").ScrollbarProps["updateOptions"]>;
+                    };
+                    overflow: {
+                        type: import("vue").PropType<import("..").ScrollbarProps["overflow"]>;
+                    };
+                    scrollbars: {
+                        type: import("vue").PropType<import("..").ScrollbarProps["scrollbars"]>;
+                    };
+                    overlayOptions: {
+                        type: import("vue").PropType<import("..").ScrollbarProps["overlayOptions"]>;
+                    };
+                    events: {
+                        type: import("vue").PropType<import("..").ScrollbarProps["events"]>;
+                    };
                     hide: {
                         type: BooleanConstructor;
                         default: boolean;
@@ -696,20 +719,80 @@ declare const Dropdown: {
                 }>, {
                     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;
@@ -720,75 +803,12 @@ declare const Dropdown: {
                     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: import("vue").PropType<import("../scrollbar/interface").ThumbData>;
-                        };
-                        direction: {
-                            type: import("vue").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: import("vue").PropType<import("../scrollbar/interface").ThumbData>;
-                        };
-                        direction: {
-                            type: import("vue").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: {};
@@ -804,6 +824,29 @@ declare const Dropdown: {
                     outerStyle: {
                         type: import("vue").PropType<import("vue").StyleValue>;
                     };
+                    paddingAbsolute: {
+                        type: import("vue").PropType<import("..").ScrollbarProps["paddingAbsolute"]>;
+                        default: undefined;
+                    };
+                    showNativeOverlaidScrollbars: {
+                        type: import("vue").PropType<import("..").ScrollbarProps["showNativeOverlaidScrollbars"]>;
+                        default: undefined;
+                    };
+                    updateOptions: {
+                        type: import("vue").PropType<import("..").ScrollbarProps["updateOptions"]>;
+                    };
+                    overflow: {
+                        type: import("vue").PropType<import("..").ScrollbarProps["overflow"]>;
+                    };
+                    scrollbars: {
+                        type: import("vue").PropType<import("..").ScrollbarProps["scrollbars"]>;
+                    };
+                    overlayOptions: {
+                        type: import("vue").PropType<import("..").ScrollbarProps["overlayOptions"]>;
+                    };
+                    events: {
+                        type: import("vue").PropType<import("..").ScrollbarProps["events"]>;
+                    };
                     hide: {
                         type: BooleanConstructor;
                         default: boolean;
@@ -821,20 +864,80 @@ declare const Dropdown: {
                 }>, {
                     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;
@@ -843,6 +946,8 @@ declare const Dropdown: {
                     scrollLeft(left: number): void;
                 }, {
                     type: "embed" | "track";
+                    paddingAbsolute: boolean | undefined;
+                    showNativeOverlaidScrollbars: boolean | undefined;
                     hide: boolean;
                     disableHorizontal: boolean;
                     disableVertical: boolean;
@@ -859,6 +964,29 @@ declare const Dropdown: {
                 outerStyle: {
                     type: import("vue").PropType<import("vue").StyleValue>;
                 };
+                paddingAbsolute: {
+                    type: import("vue").PropType<import("..").ScrollbarProps["paddingAbsolute"]>;
+                    default: undefined;
+                };
+                showNativeOverlaidScrollbars: {
+                    type: import("vue").PropType<import("..").ScrollbarProps["showNativeOverlaidScrollbars"]>;
+                    default: undefined;
+                };
+                updateOptions: {
+                    type: import("vue").PropType<import("..").ScrollbarProps["updateOptions"]>;
+                };
+                overflow: {
+                    type: import("vue").PropType<import("..").ScrollbarProps["overflow"]>;
+                };
+                scrollbars: {
+                    type: import("vue").PropType<import("..").ScrollbarProps["scrollbars"]>;
+                };
+                overlayOptions: {
+                    type: import("vue").PropType<import("..").ScrollbarProps["overlayOptions"]>;
+                };
+                events: {
+                    type: import("vue").PropType<import("..").ScrollbarProps["events"]>;
+                };
                 hide: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -876,20 +1004,80 @@ declare const Dropdown: {
             }>, {
                 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;
@@ -900,75 +1088,12 @@ declare const Dropdown: {
                 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: import("vue").PropType<import("../scrollbar/interface").ThumbData>;
-                    };
-                    direction: {
-                        type: import("vue").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: import("vue").PropType<import("../scrollbar/interface").ThumbData>;
-                    };
-                    direction: {
-                        type: import("vue").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: App, options?: SDOptions) => void;
             };
             Empty: {
@@ -1269,9 +1394,9 @@ declare const Dropdown: {
         }>> & 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;
@@ -1283,6 +1408,7 @@ declare const Dropdown: {
             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;
@@ -1294,7 +1420,6 @@ declare const Dropdown: {
             blurToClose: boolean;
             clickToClose: boolean;
             clickOutsideToClose: boolean;
-            animationName: string;
             mouseEnterDelay: number;
             mouseLeaveDelay: number;
             focusDelay: number;
@@ -1460,14 +1585,15 @@ declare const Dropdown: {
         }>> & 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;
@@ -1479,7 +1605,6 @@ declare const Dropdown: {
             blurToClose: boolean;
             clickToClose: boolean;
             clickOutsideToClose: boolean;
-            animationName: string;
             mouseEnterDelay: number;
             mouseLeaveDelay: number;
             focusDelay: number;
@@ -1642,9 +1767,9 @@ declare const Dropdown: {
     }>> & 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;
@@ -1656,6 +1781,7 @@ declare const Dropdown: {
         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;
@@ -1667,7 +1793,6 @@ declare const Dropdown: {
         blurToClose: boolean;
         clickToClose: boolean;
         clickOutsideToClose: boolean;
-        animationName: string;
         mouseEnterDelay: number;
         mouseLeaveDelay: number;
         focusDelay: number;
@@ -1747,6 +1872,29 @@ declare const Dropdown: {
                 outerStyle: {
                     type: import("vue").PropType<import("vue").StyleValue>;
                 };
+                paddingAbsolute: {
+                    type: import("vue").PropType<import("..").ScrollbarProps["paddingAbsolute"]>;
+                    default: undefined;
+                };
+                showNativeOverlaidScrollbars: {
+                    type: import("vue").PropType<import("..").ScrollbarProps["showNativeOverlaidScrollbars"]>;
+                    default: undefined;
+                };
+                updateOptions: {
+                    type: import("vue").PropType<import("..").ScrollbarProps["updateOptions"]>;
+                };
+                overflow: {
+                    type: import("vue").PropType<import("..").ScrollbarProps["overflow"]>;
+                };
+                scrollbars: {
+                    type: import("vue").PropType<import("..").ScrollbarProps["scrollbars"]>;
+                };
+                overlayOptions: {
+                    type: import("vue").PropType<import("..").ScrollbarProps["overlayOptions"]>;
+                };
+                events: {
+                    type: import("vue").PropType<import("..").ScrollbarProps["events"]>;
+                };
                 hide: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -1764,20 +1912,80 @@ declare const Dropdown: {
             }>, {
                 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;
@@ -1788,75 +1996,12 @@ declare const Dropdown: {
                 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: import("vue").PropType<import("../scrollbar/interface").ThumbData>;
-                    };
-                    direction: {
-                        type: import("vue").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: import("vue").PropType<import("../scrollbar/interface").ThumbData>;
-                    };
-                    direction: {
-                        type: import("vue").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: {};
@@ -1872,6 +2017,29 @@ declare const Dropdown: {
                 outerStyle: {
                     type: import("vue").PropType<import("vue").StyleValue>;
                 };
+                paddingAbsolute: {
+                    type: import("vue").PropType<import("..").ScrollbarProps["paddingAbsolute"]>;
+                    default: undefined;
+                };
+                showNativeOverlaidScrollbars: {
+                    type: import("vue").PropType<import("..").ScrollbarProps["showNativeOverlaidScrollbars"]>;
+                    default: undefined;
+                };
+                updateOptions: {
+                    type: import("vue").PropType<import("..").ScrollbarProps["updateOptions"]>;
+                };
+                overflow: {
+                    type: import("vue").PropType<import("..").ScrollbarProps["overflow"]>;
+                };
+                scrollbars: {
+                    type: import("vue").PropType<import("..").ScrollbarProps["scrollbars"]>;
+                };
+                overlayOptions: {
+                    type: import("vue").PropType<import("..").ScrollbarProps["overlayOptions"]>;
+                };
+                events: {
+                    type: import("vue").PropType<import("..").ScrollbarProps["events"]>;
+                };
                 hide: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -1889,20 +2057,80 @@ declare const Dropdown: {
             }>, {
                 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;
@@ -1911,6 +2139,8 @@ declare const Dropdown: {
                 scrollLeft(left: number): void;
             }, {
                 type: "embed" | "track";
+                paddingAbsolute: boolean | undefined;
+                showNativeOverlaidScrollbars: boolean | undefined;
                 hide: boolean;
                 disableHorizontal: boolean;
                 disableVertical: boolean;
@@ -1927,6 +2157,29 @@ declare const Dropdown: {
             outerStyle: {
                 type: import("vue").PropType<import("vue").StyleValue>;
             };
+            paddingAbsolute: {
+                type: import("vue").PropType<import("..").ScrollbarProps["paddingAbsolute"]>;
+                default: undefined;
+            };
+            showNativeOverlaidScrollbars: {
+                type: import("vue").PropType<import("..").ScrollbarProps["showNativeOverlaidScrollbars"]>;
+                default: undefined;
+            };
+            updateOptions: {
+                type: import("vue").PropType<import("..").ScrollbarProps["updateOptions"]>;
+            };
+            overflow: {
+                type: import("vue").PropType<import("..").ScrollbarProps["overflow"]>;
+            };
+            scrollbars: {
+                type: import("vue").PropType<import("..").ScrollbarProps["scrollbars"]>;
+            };
+            overlayOptions: {
+                type: import("vue").PropType<import("..").ScrollbarProps["overlayOptions"]>;
+            };
+            events: {
+                type: import("vue").PropType<import("..").ScrollbarProps["events"]>;
+            };
             hide: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -1944,20 +2197,80 @@ declare const Dropdown: {
         }>, {
             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;
@@ -1968,75 +2281,12 @@ declare const Dropdown: {
             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: import("vue").PropType<import("../scrollbar/interface").ThumbData>;
-                };
-                direction: {
-                    type: import("vue").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: import("vue").PropType<import("../scrollbar/interface").ThumbData>;
-                };
-                direction: {
-                    type: import("vue").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: App, options?: SDOptions) => void;
         };
         Empty: {
@@ -2350,9 +2600,9 @@ declare const Dropdown: {
             }>> & 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;
@@ -2364,6 +2614,7 @@ declare const Dropdown: {
                 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;
@@ -2375,7 +2626,6 @@ declare const Dropdown: {
                 blurToClose: boolean;
                 clickToClose: boolean;
                 clickOutsideToClose: boolean;
-                animationName: string;
                 mouseEnterDelay: number;
                 mouseLeaveDelay: number;
                 focusDelay: number;
@@ -2541,14 +2791,15 @@ declare const Dropdown: {
             }>> & 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;
@@ -2560,7 +2811,6 @@ declare const Dropdown: {
                 blurToClose: boolean;
                 clickToClose: boolean;
                 clickOutsideToClose: boolean;
-                animationName: string;
                 mouseEnterDelay: number;
                 mouseLeaveDelay: number;
                 focusDelay: number;
@@ -2723,9 +2973,9 @@ declare const Dropdown: {
         }>> & 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;
@@ -2737,6 +2987,7 @@ declare const Dropdown: {
             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;
@@ -2748,7 +2999,6 @@ declare const Dropdown: {
             blurToClose: boolean;
             clickToClose: boolean;
             clickOutsideToClose: boolean;
-            animationName: string;
             mouseEnterDelay: number;
             mouseLeaveDelay: number;
             focusDelay: number;
@@ -2828,6 +3078,29 @@ declare const Dropdown: {
                     outerStyle: {
                         type: import("vue").PropType<import("vue").StyleValue>;
                     };
+                    paddingAbsolute: {
+                        type: import("vue").PropType<import("..").ScrollbarProps["paddingAbsolute"]>;
+                        default: undefined;
+                    };
+                    showNativeOverlaidScrollbars: {
+                        type: import("vue").PropType<import("..").ScrollbarProps["showNativeOverlaidScrollbars"]>;
+                        default: undefined;
+                    };
+                    updateOptions: {
+                        type: import("vue").PropType<import("..").ScrollbarProps["updateOptions"]>;
+                    };
+                    overflow: {
+                        type: import("vue").PropType<import("..").ScrollbarProps["overflow"]>;
+                    };
+                    scrollbars: {
+                        type: import("vue").PropType<import("..").ScrollbarProps["scrollbars"]>;
+                    };
+                    overlayOptions: {
+                        type: import("vue").PropType<import("..").ScrollbarProps["overlayOptions"]>;
+                    };
+                    events: {
+                        type: import("vue").PropType<import("..").ScrollbarProps["events"]>;
+                    };
                     hide: {
                         type: BooleanConstructor;
                         default: boolean;
@@ -2845,20 +3118,80 @@ declare const Dropdown: {
                 }>, {
                     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;
@@ -2869,75 +3202,12 @@ declare const Dropdown: {
                     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: import("vue").PropType<import("../scrollbar/interface").ThumbData>;
-                        };
-                        direction: {
-                            type: import("vue").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: import("vue").PropType<import("../scrollbar/interface").ThumbData>;
-                        };
-                        direction: {
-                            type: import("vue").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: {};
@@ -2953,6 +3223,29 @@ declare const Dropdown: {
                     outerStyle: {
                         type: import("vue").PropType<import("vue").StyleValue>;
                     };
+                    paddingAbsolute: {
+                        type: import("vue").PropType<import("..").ScrollbarProps["paddingAbsolute"]>;
+                        default: undefined;
+                    };
+                    showNativeOverlaidScrollbars: {
+                        type: import("vue").PropType<import("..").ScrollbarProps["showNativeOverlaidScrollbars"]>;
+                        default: undefined;
+                    };
+                    updateOptions: {
+                        type: import("vue").PropType<import("..").ScrollbarProps["updateOptions"]>;
+                    };
+                    overflow: {
+                        type: import("vue").PropType<import("..").ScrollbarProps["overflow"]>;
+                    };
+                    scrollbars: {
+                        type: import("vue").PropType<import("..").ScrollbarProps["scrollbars"]>;
+                    };
+                    overlayOptions: {
+                        type: import("vue").PropType<import("..").ScrollbarProps["overlayOptions"]>;
+                    };
+                    events: {
+                        type: import("vue").PropType<import("..").ScrollbarProps["events"]>;
+                    };
                     hide: {
                         type: BooleanConstructor;
                         default: boolean;
@@ -2970,20 +3263,80 @@ declare const Dropdown: {
                 }>, {
                     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;
@@ -2992,6 +3345,8 @@ declare const Dropdown: {
                     scrollLeft(left: number): void;
                 }, {
                     type: "embed" | "track";
+                    paddingAbsolute: boolean | undefined;
+                    showNativeOverlaidScrollbars: boolean | undefined;
                     hide: boolean;
                     disableHorizontal: boolean;
                     disableVertical: boolean;
@@ -3008,6 +3363,29 @@ declare const Dropdown: {
                 outerStyle: {
                     type: import("vue").PropType<import("vue").StyleValue>;
                 };
+                paddingAbsolute: {
+                    type: import("vue").PropType<import("..").ScrollbarProps["paddingAbsolute"]>;
+                    default: undefined;
+                };
+                showNativeOverlaidScrollbars: {
+                    type: import("vue").PropType<import("..").ScrollbarProps["showNativeOverlaidScrollbars"]>;
+                    default: undefined;
+                };
+                updateOptions: {
+                    type: import("vue").PropType<import("..").ScrollbarProps["updateOptions"]>;
+                };
+                overflow: {
+                    type: import("vue").PropType<import("..").ScrollbarProps["overflow"]>;
+                };
+                scrollbars: {
+                    type: import("vue").PropType<import("..").ScrollbarProps["scrollbars"]>;
+                };
+                overlayOptions: {
+                    type: import("vue").PropType<import("..").ScrollbarProps["overlayOptions"]>;
+                };
+                events: {
+                    type: import("vue").PropType<import("..").ScrollbarProps["events"]>;
+                };
                 hide: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -3025,20 +3403,80 @@ declare const Dropdown: {
             }>, {
                 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;
@@ -3049,75 +3487,12 @@ declare const Dropdown: {
                 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: import("vue").PropType<import("../scrollbar/interface").ThumbData>;
-                    };
-                    direction: {
-                        type: import("vue").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: import("vue").PropType<import("../scrollbar/interface").ThumbData>;
-                    };
-                    direction: {
-                        type: import("vue").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: App, options?: SDOptions) => void;
             };
             Empty: {
@@ -3233,6 +3608,7 @@ declare const Dropdown: {
                     [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;
@@ -3275,6 +3651,7 @@ declare const Dropdown: {
                     [x: string]: boolean;
                 })[]>;
                 innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
                 onClick: (ev: MouseEvent) => void;
             }, {}, {}, {}, {
                 spin: boolean;
@@ -3312,6 +3689,7 @@ declare const Dropdown: {
                 [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;
@@ -3349,10 +3727,10 @@ declare const Dropdown: {
             default: boolean;
         };
         type: {
-            type: StringConstructor;
+            type: import("vue").PropType<import("..").ButtonProps["type"]>;
         };
         size: {
-            type: StringConstructor;
+            type: import("vue").PropType<import("..").ButtonProps["size"]>;
         };
         buttonProps: {
             type: import("vue").PropType<import("..").ButtonProps>;
@@ -3397,10 +3775,10 @@ declare const Dropdown: {
             default: boolean;
         };
         type: {
-            type: StringConstructor;
+            type: import("vue").PropType<import("..").ButtonProps["type"]>;
         };
         size: {
-            type: StringConstructor;
+            type: import("vue").PropType<import("..").ButtonProps["size"]>;
         };
         buttonProps: {
             type: import("vue").PropType<import("..").ButtonProps>;
@@ -3450,6 +3828,7 @@ declare const Dropdown: {
                     [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;
@@ -3492,6 +3871,7 @@ declare const Dropdown: {
                     [x: string]: boolean;
                 })[]>;
                 innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
                 onClick: (ev: MouseEvent) => void;
             }, {}, {}, {}, {
                 spin: boolean;
@@ -3529,6 +3909,7 @@ declare const Dropdown: {
                 [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;
@@ -3620,6 +4001,7 @@ declare const Dropdown: {
                             [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;
@@ -3662,6 +4044,7 @@ declare const Dropdown: {
                             [x: string]: boolean;
                         })[]>;
                         innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                        svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
                         onClick: (ev: MouseEvent) => void;
                     }, {}, {}, {}, {
                         spin: boolean;
@@ -3699,6 +4082,7 @@ declare const Dropdown: {
                         [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;
@@ -3848,6 +4232,7 @@ declare const Dropdown: {
                         [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;
@@ -3890,6 +4275,7 @@ declare const Dropdown: {
                         [x: string]: boolean;
                     })[]>;
                     innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                    svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
                     onClick: (ev: MouseEvent) => void;
                 }, {}, {}, {}, {
                     spin: boolean;
@@ -3927,6 +4313,7 @@ declare const Dropdown: {
                     [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;
@@ -4238,9 +4625,9 @@ declare const Dropdown: {
                 }>> & 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;
@@ -4252,6 +4639,7 @@ declare const Dropdown: {
                     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;
@@ -4263,7 +4651,6 @@ declare const Dropdown: {
                     blurToClose: boolean;
                     clickToClose: boolean;
                     clickOutsideToClose: boolean;
-                    animationName: string;
                     mouseEnterDelay: number;
                     mouseLeaveDelay: number;
                     focusDelay: number;
@@ -4429,14 +4816,15 @@ declare const Dropdown: {
                 }>> & 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;
@@ -4448,7 +4836,6 @@ declare const Dropdown: {
                     blurToClose: boolean;
                     clickToClose: boolean;
                     clickOutsideToClose: boolean;
-                    animationName: string;
                     mouseEnterDelay: number;
                     mouseLeaveDelay: number;
                     focusDelay: number;
@@ -4611,9 +4998,9 @@ declare const Dropdown: {
             }>> & 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;
@@ -4625,6 +5012,7 @@ declare const Dropdown: {
                 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;
@@ -4636,7 +5024,6 @@ declare const Dropdown: {
                 blurToClose: boolean;
                 clickToClose: boolean;
                 clickOutsideToClose: boolean;
-                animationName: string;
                 mouseEnterDelay: number;
                 mouseLeaveDelay: number;
                 focusDelay: number;
@@ -4716,6 +5103,29 @@ declare const Dropdown: {
                         outerStyle: {
                             type: import("vue").PropType<import("vue").StyleValue>;
                         };
+                        paddingAbsolute: {
+                            type: import("vue").PropType<import("..").ScrollbarProps["paddingAbsolute"]>;
+                            default: undefined;
+                        };
+                        showNativeOverlaidScrollbars: {
+                            type: import("vue").PropType<import("..").ScrollbarProps["showNativeOverlaidScrollbars"]>;
+                            default: undefined;
+                        };
+                        updateOptions: {
+                            type: import("vue").PropType<import("..").ScrollbarProps["updateOptions"]>;
+                        };
+                        overflow: {
+                            type: import("vue").PropType<import("..").ScrollbarProps["overflow"]>;
+                        };
+                        scrollbars: {
+                            type: import("vue").PropType<import("..").ScrollbarProps["scrollbars"]>;
+                        };
+                        overlayOptions: {
+                            type: import("vue").PropType<import("..").ScrollbarProps["overlayOptions"]>;
+                        };
+                        events: {
+                            type: import("vue").PropType<import("..").ScrollbarProps["events"]>;
+                        };
                         hide: {
                             type: BooleanConstructor;
                             default: boolean;
@@ -4733,20 +5143,80 @@ declare const Dropdown: {
                     }>, {
                         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;
@@ -4757,75 +5227,12 @@ declare const Dropdown: {
                         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: import("vue").PropType<import("../scrollbar/interface").ThumbData>;
-                            };
-                            direction: {
-                                type: import("vue").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: import("vue").PropType<import("../scrollbar/interface").ThumbData>;
-                            };
-                            direction: {
-                                type: import("vue").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: {};
@@ -4841,6 +5248,29 @@ declare const Dropdown: {
                         outerStyle: {
                             type: import("vue").PropType<import("vue").StyleValue>;
                         };
+                        paddingAbsolute: {
+                            type: import("vue").PropType<import("..").ScrollbarProps["paddingAbsolute"]>;
+                            default: undefined;
+                        };
+                        showNativeOverlaidScrollbars: {
+                            type: import("vue").PropType<import("..").ScrollbarProps["showNativeOverlaidScrollbars"]>;
+                            default: undefined;
+                        };
+                        updateOptions: {
+                            type: import("vue").PropType<import("..").ScrollbarProps["updateOptions"]>;
+                        };
+                        overflow: {
+                            type: import("vue").PropType<import("..").ScrollbarProps["overflow"]>;
+                        };
+                        scrollbars: {
+                            type: import("vue").PropType<import("..").ScrollbarProps["scrollbars"]>;
+                        };
+                        overlayOptions: {
+                            type: import("vue").PropType<import("..").ScrollbarProps["overlayOptions"]>;
+                        };
+                        events: {
+                            type: import("vue").PropType<import("..").ScrollbarProps["events"]>;
+                        };
                         hide: {
                             type: BooleanConstructor;
                             default: boolean;
@@ -4858,20 +5288,80 @@ declare const Dropdown: {
                     }>, {
                         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;
@@ -4880,6 +5370,8 @@ declare const Dropdown: {
                         scrollLeft(left: number): void;
                     }, {
                         type: "embed" | "track";
+                        paddingAbsolute: boolean | undefined;
+                        showNativeOverlaidScrollbars: boolean | undefined;
                         hide: boolean;
                         disableHorizontal: boolean;
                         disableVertical: boolean;
@@ -4896,6 +5388,29 @@ declare const Dropdown: {
                     outerStyle: {
                         type: import("vue").PropType<import("vue").StyleValue>;
                     };
+                    paddingAbsolute: {
+                        type: import("vue").PropType<import("..").ScrollbarProps["paddingAbsolute"]>;
+                        default: undefined;
+                    };
+                    showNativeOverlaidScrollbars: {
+                        type: import("vue").PropType<import("..").ScrollbarProps["showNativeOverlaidScrollbars"]>;
+                        default: undefined;
+                    };
+                    updateOptions: {
+                        type: import("vue").PropType<import("..").ScrollbarProps["updateOptions"]>;
+                    };
+                    overflow: {
+                        type: import("vue").PropType<import("..").ScrollbarProps["overflow"]>;
+                    };
+                    scrollbars: {
+                        type: import("vue").PropType<import("..").ScrollbarProps["scrollbars"]>;
+                    };
+                    overlayOptions: {
+                        type: import("vue").PropType<import("..").ScrollbarProps["overlayOptions"]>;
+                    };
+                    events: {
+                        type: import("vue").PropType<import("..").ScrollbarProps["events"]>;
+                    };
                     hide: {
                         type: BooleanConstructor;
                         default: boolean;
@@ -4913,20 +5428,80 @@ declare const Dropdown: {
                 }>, {
                     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;
@@ -4937,75 +5512,12 @@ declare const Dropdown: {
                     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: import("vue").PropType<import("../scrollbar/interface").ThumbData>;
-                        };
-                        direction: {
-                            type: import("vue").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: import("vue").PropType<import("../scrollbar/interface").ThumbData>;
-                        };
-                        direction: {
-                            type: import("vue").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: App, options?: SDOptions) => void;
                 };
                 Empty: {