@sdata/web-vue 1.9.0 → 1.10.0

package/es/dropdown/dropdown-submenu.vue_vue_type_script_lang.js

@@ -45,10 +45,14 @@ var dropdown_submenu_vue_vue_type_script_lang_default = defineComponent({
 	setup(props, { emit }) {
 		const { defaultPopupVisible, popupVisible } = toRefs(props);
 		const prefixCls = getPrefixCls("dropdown");
+		const emitVisibleChange = (event, visible) => {
+			if (event === "update:popupVisible") emit("update:popupVisible", visible);
+			else if (event === "popupVisibleChange") emit("popupVisibleChange", visible);
+		};
 		const { computedPopupVisible, handlePopupVisibleChange } = useTrigger({
 			defaultPopupVisible,
 			popupVisible,
-			emit
+			emit: emitVisibleChange
 		});
 		return {
 			prefixCls,

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

@@ -226,9 +226,9 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         }>> & Readonly<{
             onResize?: (() => any) | undefined;
             onHide?: (() => any) | undefined;
-            onShow?: (() => any) | undefined;
             "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
             onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
+            onShow?: (() => any) | undefined;
         }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             'update:popupVisible': (_visible: boolean) => true;
             popupVisibleChange: (_visible: boolean) => true;
@@ -240,6 +240,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             unmountOnClose: boolean;
             renderToBody: boolean;
             position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+            animationName: string;
             autoFitPosition: boolean;
             popupVisible: boolean;
             defaultPopupVisible: boolean;
@@ -251,7 +252,6 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             blurToClose: boolean;
             clickToClose: boolean;
             clickOutsideToClose: boolean;
-            animationName: string;
             mouseEnterDelay: number;
             mouseLeaveDelay: number;
             focusDelay: number;
@@ -417,14 +417,15 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         }>> & Readonly<{
             onResize?: (() => any) | undefined;
             onHide?: (() => any) | undefined;
-            onShow?: (() => any) | undefined;
             "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
             onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
+            onShow?: (() => any) | undefined;
         }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
             disabled: boolean;
             unmountOnClose: boolean;
             renderToBody: boolean;
             position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+            animationName: string;
             autoFitPosition: boolean;
             popupVisible: boolean;
             defaultPopupVisible: boolean;
@@ -436,7 +437,6 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             blurToClose: boolean;
             clickToClose: boolean;
             clickOutsideToClose: boolean;
-            animationName: string;
             mouseEnterDelay: number;
             mouseLeaveDelay: number;
             focusDelay: number;
@@ -599,9 +599,9 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     }>> & Readonly<{
         onResize?: (() => any) | undefined;
         onHide?: (() => any) | undefined;
-        onShow?: (() => any) | undefined;
         "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
         onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
+        onShow?: (() => any) | undefined;
     }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         'update:popupVisible': (_visible: boolean) => true;
         popupVisibleChange: (_visible: boolean) => true;
@@ -613,6 +613,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         unmountOnClose: boolean;
         renderToBody: boolean;
         position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+        animationName: string;
         autoFitPosition: boolean;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
@@ -624,7 +625,6 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         blurToClose: boolean;
         clickToClose: boolean;
         clickOutsideToClose: boolean;
-        animationName: string;
         mouseEnterDelay: number;
         mouseLeaveDelay: number;
         focusDelay: number;
@@ -704,6 +704,29 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 outerStyle: {
                     type: PropType<import("vue").StyleValue>;
                 };
+                paddingAbsolute: {
+                    type: PropType<import("..").ScrollbarProps["paddingAbsolute"]>;
+                    default: undefined;
+                };
+                showNativeOverlaidScrollbars: {
+                    type: PropType<import("..").ScrollbarProps["showNativeOverlaidScrollbars"]>;
+                    default: undefined;
+                };
+                updateOptions: {
+                    type: PropType<import("..").ScrollbarProps["updateOptions"]>;
+                };
+                overflow: {
+                    type: PropType<import("..").ScrollbarProps["overflow"]>;
+                };
+                scrollbars: {
+                    type: PropType<import("..").ScrollbarProps["scrollbars"]>;
+                };
+                overlayOptions: {
+                    type: PropType<import("..").ScrollbarProps["overlayOptions"]>;
+                };
+                events: {
+                    type: PropType<import("..").ScrollbarProps["events"]>;
+                };
                 hide: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -721,20 +744,80 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             }>, {
                 prefixCls: string;
                 cls: import("vue").ComputedRef<(string | Record<string, any> | unknown[] | undefined)[]>;
-                style: import("vue").ComputedRef<import("vue").StyleValue[]>;
+                outerStyle: import("vue").ComputedRef<import("vue").StyleValue>;
                 containerRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
-                horizontalThumbRef: import("vue").Ref<any, any>;
-                verticalThumbRef: import("vue").Ref<any, any>;
-                horizontalData: import("vue").Ref<import("../scrollbar/interface").ThumbData | undefined, import("../scrollbar/interface").ThumbData | undefined>;
-                verticalData: import("vue").Ref<import("../scrollbar/interface").ThumbData | undefined, import("../scrollbar/interface").ThumbData | undefined>;
-                isBoth: import("vue").Ref<boolean, boolean>;
-                hasHorizontalScrollbar: import("vue").ComputedRef<boolean>;
-                hasVerticalScrollbar: import("vue").ComputedRef<boolean>;
-                handleResize: () => void;
-                handleScroll: (ev: Event) => void;
-                handleHorizontalScroll: (offset: number) => void;
-                handleVerticalScroll: (offset: number) => void;
+                mergedOptions: import("vue").ComputedRef<{
+                    paddingAbsolute: boolean | undefined;
+                    showNativeOverlaidScrollbars: boolean | undefined;
+                    update: import("../scrollbar/interface").ScrollbarUpdateOptions | undefined;
+                    overflow: {
+                        x: string;
+                        y: string;
+                    };
+                    scrollbars: {
+                        theme: string | null;
+                        visibility: import("overlayscrollbars").ScrollbarsVisibilityBehavior;
+                        autoHide: string;
+                        autoHideDelay?: number;
+                        autoHideSuspend: boolean;
+                        dragScroll?: boolean;
+                        clickScroll: string | boolean | ((isHorizontal: boolean) => Partial<import("../scrollbar/interface").ScrollbarClickScrollBehaviorOptions> | false | null | undefined | void);
+                        pointers?: string[] | null;
+                    };
+                }>;
+                resolveOSInstance: () => {
+                    options: {
+                        (): import("overlayscrollbars").Options;
+                        (newOptions: import("overlayscrollbars").PartialOptions, pure?: boolean): import("overlayscrollbars").Options;
+                    };
+                    on: {
+                        (eventListeners: import("overlayscrollbars").EventListeners, pure?: boolean): () => void;
+                        <N extends keyof import("overlayscrollbars").EventListenerArgs>(name: N, listener: import("overlayscrollbars").EventListener<N>): () => void;
+                        <N extends keyof import("overlayscrollbars").EventListenerArgs>(name: N, listener: import("overlayscrollbars").EventListener<N>[]): () => void;
+                    };
+                    off: {
+                        <N extends keyof import("overlayscrollbars").EventListenerArgs>(name: N, listener: import("overlayscrollbars").EventListener<N>): void;
+                        <N extends keyof import("overlayscrollbars").EventListenerArgs>(name: N, listener: import("overlayscrollbars").EventListener<N>[]): void;
+                    };
+                    update: (force?: boolean) => boolean;
+                    sleep: (sleeping: boolean) => void;
+                    state: () => import("overlayscrollbars").State;
+                    elements: () => import("overlayscrollbars").Elements;
+                    destroy: () => void;
+                    plugin: <P extends import("overlayscrollbars").InstancePlugin>(osPlugin: P) => import("overlayscrollbars").InferInstancePluginModuleInstance<P> | undefined;
+                } | null;
+                getScrollOffsetElement: () => HTMLElement | null;
             }, {}, {}, {
+                getOSInstance(): {
+                    options: {
+                        (): import("overlayscrollbars").Options;
+                        (newOptions: import("overlayscrollbars").PartialOptions, pure?: boolean): import("overlayscrollbars").Options;
+                    };
+                    on: {
+                        (eventListeners: import("overlayscrollbars").EventListeners, pure?: boolean): () => void;
+                        <N extends keyof import("overlayscrollbars").EventListenerArgs>(name: N, listener: import("overlayscrollbars").EventListener<N>): () => void;
+                        <N extends keyof import("overlayscrollbars").EventListenerArgs>(name: N, listener: import("overlayscrollbars").EventListener<N>[]): () => void;
+                    };
+                    off: {
+                        <N extends keyof import("overlayscrollbars").EventListenerArgs>(name: N, listener: import("overlayscrollbars").EventListener<N>): void;
+                        <N extends keyof import("overlayscrollbars").EventListenerArgs>(name: N, listener: import("overlayscrollbars").EventListener<N>[]): void;
+                    };
+                    update: (force?: boolean) => boolean;
+                    sleep: (sleeping: boolean) => void;
+                    state: () => import("overlayscrollbars").State;
+                    elements: () => import("overlayscrollbars").Elements;
+                    destroy: () => void;
+                    plugin: <P extends import("overlayscrollbars").InstancePlugin>(osPlugin: P) => import("overlayscrollbars").InferInstancePluginModuleInstance<P> | undefined;
+                } | null;
+                options(newOptions?: import("..").ScrollbarProps["overlayOptions"], pure?: boolean): import("overlayscrollbars").Options | undefined;
+                on(nameOrListeners: keyof import("overlayscrollbars").EventListenerArgs | import("overlayscrollbars").EventListeners, listenerOrPure?: import("..").ScrollbarEventListener<keyof import("overlayscrollbars").EventListenerArgs> | import("..").ScrollbarEventListener<keyof import("overlayscrollbars").EventListenerArgs>[] | boolean): (() => void) | undefined;
+                off(name: keyof import("overlayscrollbars").EventListenerArgs, listener: import("..").ScrollbarEventListener<keyof import("overlayscrollbars").EventListenerArgs> | import("..").ScrollbarEventListener<keyof import("overlayscrollbars").EventListenerArgs>[]): void;
+                update(force?: boolean): boolean;
+                sleep(sleeping: boolean): void;
+                state(): import("overlayscrollbars").State | undefined;
+                elements(): import("overlayscrollbars").Elements | undefined;
+                plugin(osPlugin: import("..").ScrollbarPlugin): void | import("overlayscrollbars").PluginModuleInstance | undefined;
+                destroy(): void;
                 scrollTo(options?: number | {
                     left?: number;
                     top?: number;
@@ -745,75 +828,12 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 scroll: (_ev: Event) => true;
             }, import("vue").PublicProps, {
                 type: "embed" | "track";
+                paddingAbsolute: boolean | undefined;
+                showNativeOverlaidScrollbars: boolean | undefined;
                 hide: boolean;
                 disableHorizontal: boolean;
                 disableVertical: boolean;
-            }, true, {}, {}, {
-                ResizeObserver: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-                    watchOnUpdated: BooleanConstructor;
-                }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>[] | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "resize"[], "resize", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-                    watchOnUpdated: BooleanConstructor;
-                }>> & Readonly<{
-                    onResize?: ((...args: any[]) => any) | undefined;
-                }>, {
-                    watchOnUpdated: boolean;
-                }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-                Thumb: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-                    data: {
-                        type: PropType<import("../scrollbar/interface").ThumbData>;
-                    };
-                    direction: {
-                        type: PropType<import("..").Direction>;
-                        default: string;
-                    };
-                    alwaysShow: {
-                        type: BooleanConstructor;
-                        default: boolean;
-                    };
-                    both: {
-                        type: BooleanConstructor;
-                        default: boolean;
-                    };
-                }>, {
-                    visible: import("vue").Ref<boolean, boolean>;
-                    trackRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
-                    thumbRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
-                    prefixCls: string;
-                    thumbCls: import("vue").ComputedRef<(string | {
-                        [x: string]: boolean;
-                    })[]>;
-                    thumbStyle: import("vue").ComputedRef<{
-                        [x: string]: string;
-                    }>;
-                    handleThumbMouseDown: (ev: MouseEvent) => void;
-                    handleTrackClick: (ev: MouseEvent) => void;
-                    setOffset: (_offset: number) => void;
-                }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "scroll"[], "scroll", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-                    data: {
-                        type: PropType<import("../scrollbar/interface").ThumbData>;
-                    };
-                    direction: {
-                        type: PropType<import("..").Direction>;
-                        default: string;
-                    };
-                    alwaysShow: {
-                        type: BooleanConstructor;
-                        default: boolean;
-                    };
-                    both: {
-                        type: BooleanConstructor;
-                        default: boolean;
-                    };
-                }>> & Readonly<{
-                    onScroll?: ((...args: any[]) => any) | undefined;
-                }>, {
-                    direction: "horizontal" | "vertical";
-                    alwaysShow: boolean;
-                    both: boolean;
-                }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-            } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
                 P: {};
                 B: {};
                 D: {};
@@ -829,6 +849,29 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 outerStyle: {
                     type: PropType<import("vue").StyleValue>;
                 };
+                paddingAbsolute: {
+                    type: PropType<import("..").ScrollbarProps["paddingAbsolute"]>;
+                    default: undefined;
+                };
+                showNativeOverlaidScrollbars: {
+                    type: PropType<import("..").ScrollbarProps["showNativeOverlaidScrollbars"]>;
+                    default: undefined;
+                };
+                updateOptions: {
+                    type: PropType<import("..").ScrollbarProps["updateOptions"]>;
+                };
+                overflow: {
+                    type: PropType<import("..").ScrollbarProps["overflow"]>;
+                };
+                scrollbars: {
+                    type: PropType<import("..").ScrollbarProps["scrollbars"]>;
+                };
+                overlayOptions: {
+                    type: PropType<import("..").ScrollbarProps["overlayOptions"]>;
+                };
+                events: {
+                    type: PropType<import("..").ScrollbarProps["events"]>;
+                };
                 hide: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -846,20 +889,80 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             }>, {
                 prefixCls: string;
                 cls: import("vue").ComputedRef<(string | Record<string, any> | unknown[] | undefined)[]>;
-                style: import("vue").ComputedRef<import("vue").StyleValue[]>;
+                outerStyle: import("vue").ComputedRef<import("vue").StyleValue>;
                 containerRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
-                horizontalThumbRef: import("vue").Ref<any, any>;
-                verticalThumbRef: import("vue").Ref<any, any>;
-                horizontalData: import("vue").Ref<import("../scrollbar/interface").ThumbData | undefined, import("../scrollbar/interface").ThumbData | undefined>;
-                verticalData: import("vue").Ref<import("../scrollbar/interface").ThumbData | undefined, import("../scrollbar/interface").ThumbData | undefined>;
-                isBoth: import("vue").Ref<boolean, boolean>;
-                hasHorizontalScrollbar: import("vue").ComputedRef<boolean>;
-                hasVerticalScrollbar: import("vue").ComputedRef<boolean>;
-                handleResize: () => void;
-                handleScroll: (ev: Event) => void;
-                handleHorizontalScroll: (offset: number) => void;
-                handleVerticalScroll: (offset: number) => void;
+                mergedOptions: import("vue").ComputedRef<{
+                    paddingAbsolute: boolean | undefined;
+                    showNativeOverlaidScrollbars: boolean | undefined;
+                    update: import("../scrollbar/interface").ScrollbarUpdateOptions | undefined;
+                    overflow: {
+                        x: string;
+                        y: string;
+                    };
+                    scrollbars: {
+                        theme: string | null;
+                        visibility: import("overlayscrollbars").ScrollbarsVisibilityBehavior;
+                        autoHide: string;
+                        autoHideDelay?: number;
+                        autoHideSuspend: boolean;
+                        dragScroll?: boolean;
+                        clickScroll: string | boolean | ((isHorizontal: boolean) => Partial<import("../scrollbar/interface").ScrollbarClickScrollBehaviorOptions> | false | null | undefined | void);
+                        pointers?: string[] | null;
+                    };
+                }>;
+                resolveOSInstance: () => {
+                    options: {
+                        (): import("overlayscrollbars").Options;
+                        (newOptions: import("overlayscrollbars").PartialOptions, pure?: boolean): import("overlayscrollbars").Options;
+                    };
+                    on: {
+                        (eventListeners: import("overlayscrollbars").EventListeners, pure?: boolean): () => void;
+                        <N extends keyof import("overlayscrollbars").EventListenerArgs>(name: N, listener: import("overlayscrollbars").EventListener<N>): () => void;
+                        <N extends keyof import("overlayscrollbars").EventListenerArgs>(name: N, listener: import("overlayscrollbars").EventListener<N>[]): () => void;
+                    };
+                    off: {
+                        <N extends keyof import("overlayscrollbars").EventListenerArgs>(name: N, listener: import("overlayscrollbars").EventListener<N>): void;
+                        <N extends keyof import("overlayscrollbars").EventListenerArgs>(name: N, listener: import("overlayscrollbars").EventListener<N>[]): void;
+                    };
+                    update: (force?: boolean) => boolean;
+                    sleep: (sleeping: boolean) => void;
+                    state: () => import("overlayscrollbars").State;
+                    elements: () => import("overlayscrollbars").Elements;
+                    destroy: () => void;
+                    plugin: <P extends import("overlayscrollbars").InstancePlugin>(osPlugin: P) => import("overlayscrollbars").InferInstancePluginModuleInstance<P> | undefined;
+                } | null;
+                getScrollOffsetElement: () => HTMLElement | null;
             }, {}, {}, {
+                getOSInstance(): {
+                    options: {
+                        (): import("overlayscrollbars").Options;
+                        (newOptions: import("overlayscrollbars").PartialOptions, pure?: boolean): import("overlayscrollbars").Options;
+                    };
+                    on: {
+                        (eventListeners: import("overlayscrollbars").EventListeners, pure?: boolean): () => void;
+                        <N extends keyof import("overlayscrollbars").EventListenerArgs>(name: N, listener: import("overlayscrollbars").EventListener<N>): () => void;
+                        <N extends keyof import("overlayscrollbars").EventListenerArgs>(name: N, listener: import("overlayscrollbars").EventListener<N>[]): () => void;
+                    };
+                    off: {
+                        <N extends keyof import("overlayscrollbars").EventListenerArgs>(name: N, listener: import("overlayscrollbars").EventListener<N>): void;
+                        <N extends keyof import("overlayscrollbars").EventListenerArgs>(name: N, listener: import("overlayscrollbars").EventListener<N>[]): void;
+                    };
+                    update: (force?: boolean) => boolean;
+                    sleep: (sleeping: boolean) => void;
+                    state: () => import("overlayscrollbars").State;
+                    elements: () => import("overlayscrollbars").Elements;
+                    destroy: () => void;
+                    plugin: <P extends import("overlayscrollbars").InstancePlugin>(osPlugin: P) => import("overlayscrollbars").InferInstancePluginModuleInstance<P> | undefined;
+                } | null;
+                options(newOptions?: import("..").ScrollbarProps["overlayOptions"], pure?: boolean): import("overlayscrollbars").Options | undefined;
+                on(nameOrListeners: keyof import("overlayscrollbars").EventListenerArgs | import("overlayscrollbars").EventListeners, listenerOrPure?: import("..").ScrollbarEventListener<keyof import("overlayscrollbars").EventListenerArgs> | import("..").ScrollbarEventListener<keyof import("overlayscrollbars").EventListenerArgs>[] | boolean): (() => void) | undefined;
+                off(name: keyof import("overlayscrollbars").EventListenerArgs, listener: import("..").ScrollbarEventListener<keyof import("overlayscrollbars").EventListenerArgs> | import("..").ScrollbarEventListener<keyof import("overlayscrollbars").EventListenerArgs>[]): void;
+                update(force?: boolean): boolean;
+                sleep(sleeping: boolean): void;
+                state(): import("overlayscrollbars").State | undefined;
+                elements(): import("overlayscrollbars").Elements | undefined;
+                plugin(osPlugin: import("..").ScrollbarPlugin): void | import("overlayscrollbars").PluginModuleInstance | undefined;
+                destroy(): void;
                 scrollTo(options?: number | {
                     left?: number;
                     top?: number;
@@ -868,6 +971,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 scrollLeft(left: number): void;
             }, {
                 type: "embed" | "track";
+                paddingAbsolute: boolean | undefined;
+                showNativeOverlaidScrollbars: boolean | undefined;
                 hide: boolean;
                 disableHorizontal: boolean;
                 disableVertical: boolean;
@@ -884,6 +989,29 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             outerStyle: {
                 type: PropType<import("vue").StyleValue>;
             };
+            paddingAbsolute: {
+                type: PropType<import("..").ScrollbarProps["paddingAbsolute"]>;
+                default: undefined;
+            };
+            showNativeOverlaidScrollbars: {
+                type: PropType<import("..").ScrollbarProps["showNativeOverlaidScrollbars"]>;
+                default: undefined;
+            };
+            updateOptions: {
+                type: PropType<import("..").ScrollbarProps["updateOptions"]>;
+            };
+            overflow: {
+                type: PropType<import("..").ScrollbarProps["overflow"]>;
+            };
+            scrollbars: {
+                type: PropType<import("..").ScrollbarProps["scrollbars"]>;
+            };
+            overlayOptions: {
+                type: PropType<import("..").ScrollbarProps["overlayOptions"]>;
+            };
+            events: {
+                type: PropType<import("..").ScrollbarProps["events"]>;
+            };
             hide: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -901,20 +1029,80 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         }>, {
             prefixCls: string;
             cls: import("vue").ComputedRef<(string | Record<string, any> | unknown[] | undefined)[]>;
-            style: import("vue").ComputedRef<import("vue").StyleValue[]>;
+            outerStyle: import("vue").ComputedRef<import("vue").StyleValue>;
             containerRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
-            horizontalThumbRef: import("vue").Ref<any, any>;
-            verticalThumbRef: import("vue").Ref<any, any>;
-            horizontalData: import("vue").Ref<import("../scrollbar/interface").ThumbData | undefined, import("../scrollbar/interface").ThumbData | undefined>;
-            verticalData: import("vue").Ref<import("../scrollbar/interface").ThumbData | undefined, import("../scrollbar/interface").ThumbData | undefined>;
-            isBoth: import("vue").Ref<boolean, boolean>;
-            hasHorizontalScrollbar: import("vue").ComputedRef<boolean>;
-            hasVerticalScrollbar: import("vue").ComputedRef<boolean>;
-            handleResize: () => void;
-            handleScroll: (ev: Event) => void;
-            handleHorizontalScroll: (offset: number) => void;
-            handleVerticalScroll: (offset: number) => void;
+            mergedOptions: import("vue").ComputedRef<{
+                paddingAbsolute: boolean | undefined;
+                showNativeOverlaidScrollbars: boolean | undefined;
+                update: import("../scrollbar/interface").ScrollbarUpdateOptions | undefined;
+                overflow: {
+                    x: string;
+                    y: string;
+                };
+                scrollbars: {
+                    theme: string | null;
+                    visibility: import("overlayscrollbars").ScrollbarsVisibilityBehavior;
+                    autoHide: string;
+                    autoHideDelay?: number;
+                    autoHideSuspend: boolean;
+                    dragScroll?: boolean;
+                    clickScroll: string | boolean | ((isHorizontal: boolean) => Partial<import("../scrollbar/interface").ScrollbarClickScrollBehaviorOptions> | false | null | undefined | void);
+                    pointers?: string[] | null;
+                };
+            }>;
+            resolveOSInstance: () => {
+                options: {
+                    (): import("overlayscrollbars").Options;
+                    (newOptions: import("overlayscrollbars").PartialOptions, pure?: boolean): import("overlayscrollbars").Options;
+                };
+                on: {
+                    (eventListeners: import("overlayscrollbars").EventListeners, pure?: boolean): () => void;
+                    <N extends keyof import("overlayscrollbars").EventListenerArgs>(name: N, listener: import("overlayscrollbars").EventListener<N>): () => void;
+                    <N extends keyof import("overlayscrollbars").EventListenerArgs>(name: N, listener: import("overlayscrollbars").EventListener<N>[]): () => void;
+                };
+                off: {
+                    <N extends keyof import("overlayscrollbars").EventListenerArgs>(name: N, listener: import("overlayscrollbars").EventListener<N>): void;
+                    <N extends keyof import("overlayscrollbars").EventListenerArgs>(name: N, listener: import("overlayscrollbars").EventListener<N>[]): void;
+                };
+                update: (force?: boolean) => boolean;
+                sleep: (sleeping: boolean) => void;
+                state: () => import("overlayscrollbars").State;
+                elements: () => import("overlayscrollbars").Elements;
+                destroy: () => void;
+                plugin: <P extends import("overlayscrollbars").InstancePlugin>(osPlugin: P) => import("overlayscrollbars").InferInstancePluginModuleInstance<P> | undefined;
+            } | null;
+            getScrollOffsetElement: () => HTMLElement | null;
         }, {}, {}, {
+            getOSInstance(): {
+                options: {
+                    (): import("overlayscrollbars").Options;
+                    (newOptions: import("overlayscrollbars").PartialOptions, pure?: boolean): import("overlayscrollbars").Options;
+                };
+                on: {
+                    (eventListeners: import("overlayscrollbars").EventListeners, pure?: boolean): () => void;
+                    <N extends keyof import("overlayscrollbars").EventListenerArgs>(name: N, listener: import("overlayscrollbars").EventListener<N>): () => void;
+                    <N extends keyof import("overlayscrollbars").EventListenerArgs>(name: N, listener: import("overlayscrollbars").EventListener<N>[]): () => void;
+                };
+                off: {
+                    <N extends keyof import("overlayscrollbars").EventListenerArgs>(name: N, listener: import("overlayscrollbars").EventListener<N>): void;
+                    <N extends keyof import("overlayscrollbars").EventListenerArgs>(name: N, listener: import("overlayscrollbars").EventListener<N>[]): void;
+                };
+                update: (force?: boolean) => boolean;
+                sleep: (sleeping: boolean) => void;
+                state: () => import("overlayscrollbars").State;
+                elements: () => import("overlayscrollbars").Elements;
+                destroy: () => void;
+                plugin: <P extends import("overlayscrollbars").InstancePlugin>(osPlugin: P) => import("overlayscrollbars").InferInstancePluginModuleInstance<P> | undefined;
+            } | null;
+            options(newOptions?: import("..").ScrollbarProps["overlayOptions"], pure?: boolean): import("overlayscrollbars").Options | undefined;
+            on(nameOrListeners: keyof import("overlayscrollbars").EventListenerArgs | import("overlayscrollbars").EventListeners, listenerOrPure?: import("..").ScrollbarEventListener<keyof import("overlayscrollbars").EventListenerArgs> | import("..").ScrollbarEventListener<keyof import("overlayscrollbars").EventListenerArgs>[] | boolean): (() => void) | undefined;
+            off(name: keyof import("overlayscrollbars").EventListenerArgs, listener: import("..").ScrollbarEventListener<keyof import("overlayscrollbars").EventListenerArgs> | import("..").ScrollbarEventListener<keyof import("overlayscrollbars").EventListenerArgs>[]): void;
+            update(force?: boolean): boolean;
+            sleep(sleeping: boolean): void;
+            state(): import("overlayscrollbars").State | undefined;
+            elements(): import("overlayscrollbars").Elements | undefined;
+            plugin(osPlugin: import("..").ScrollbarPlugin): void | import("overlayscrollbars").PluginModuleInstance | undefined;
+            destroy(): void;
             scrollTo(options?: number | {
                 left?: number;
                 top?: number;
@@ -925,75 +1113,12 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             scroll: (_ev: Event) => true;
         }, string, {
             type: "embed" | "track";
+            paddingAbsolute: boolean | undefined;
+            showNativeOverlaidScrollbars: boolean | undefined;
             hide: boolean;
             disableHorizontal: boolean;
             disableVertical: boolean;
-        }, {}, string, {}, {
-            ResizeObserver: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-                watchOnUpdated: BooleanConstructor;
-            }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>[] | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "resize"[], "resize", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-                watchOnUpdated: BooleanConstructor;
-            }>> & Readonly<{
-                onResize?: ((...args: any[]) => any) | undefined;
-            }>, {
-                watchOnUpdated: boolean;
-            }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-            Thumb: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-                data: {
-                    type: PropType<import("../scrollbar/interface").ThumbData>;
-                };
-                direction: {
-                    type: PropType<import("..").Direction>;
-                    default: string;
-                };
-                alwaysShow: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                both: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-            }>, {
-                visible: import("vue").Ref<boolean, boolean>;
-                trackRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
-                thumbRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
-                prefixCls: string;
-                thumbCls: import("vue").ComputedRef<(string | {
-                    [x: string]: boolean;
-                })[]>;
-                thumbStyle: import("vue").ComputedRef<{
-                    [x: string]: string;
-                }>;
-                handleThumbMouseDown: (ev: MouseEvent) => void;
-                handleTrackClick: (ev: MouseEvent) => void;
-                setOffset: (_offset: number) => void;
-            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "scroll"[], "scroll", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-                data: {
-                    type: PropType<import("../scrollbar/interface").ThumbData>;
-                };
-                direction: {
-                    type: PropType<import("..").Direction>;
-                    default: string;
-                };
-                alwaysShow: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                both: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-            }>> & Readonly<{
-                onScroll?: ((...args: any[]) => any) | undefined;
-            }>, {
-                direction: "horizontal" | "vertical";
-                alwaysShow: boolean;
-                both: boolean;
-            }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-        } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
             install: (app: import("vue").App, options?: import("../_utils/types").SDOptions) => void;
         };
         Empty: {