@sdata/web-vue 1.19.0 → 2.1.1

package/es/popover/popover.js

@@ -1,8 +1,9 @@
 import _plugin_vue_export_helper_default from "../_virtual/_plugin-vue_export-helper.js";
 import popover_vue_vue_type_script_lang_default from "./popover.vue_vue_type_script_lang.js";
-import { createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, normalizeClass, openBlock, renderSlot, resolveComponent, toDisplayString, withCtx } from "vue";
+import { createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, mergeProps, normalizeClass, openBlock, renderSlot, resolveComponent, toDisplayString, withCtx } from "vue";
 //#region components/popover/popover.vue
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_Scrollbar = resolveComponent("Scrollbar");
 	const _component_trigger = resolveComponent("trigger");
 	return openBlock(), createBlock(_component_trigger, {
 		class: normalizeClass(_ctx.prefixCls),
@@ -23,7 +24,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 		content: withCtx(() => [_ctx.title || _ctx.$slots.title ? (openBlock(), createElementBlock("div", {
 			key: 0,
 			class: normalizeClass(`${_ctx.prefixCls}-title`)
-		}, [renderSlot(_ctx.$slots, "title", {}, () => [createTextVNode(toDisplayString(_ctx.title), 1)])], 2)) : createCommentVNode("", true), createElementVNode("div", { class: normalizeClass(`${_ctx.prefixCls}-content`) }, [renderSlot(_ctx.$slots, "content", {}, () => [createTextVNode(toDisplayString(_ctx.content), 1)])], 2)]),
+		}, [renderSlot(_ctx.$slots, "title", {}, () => [createTextVNode(toDisplayString(_ctx.title), 1)])], 2)) : createCommentVNode("", true), createVNode(_component_Scrollbar, mergeProps({ class: `${_ctx.prefixCls}-content` }, _ctx.scrollbarProps), {
+			default: withCtx(() => [renderSlot(_ctx.$slots, "content", {}, () => [createTextVNode(toDisplayString(_ctx.content), 1)])]),
+			_: 3
+		}, 16, ["class"])]),
 		default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 		_: 3
 	}, 8, [
@@ -39,6 +43,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 		"onPopupVisibleChange"
 	]);
 }
-var popover_default = /* @__PURE__ */ _plugin_vue_export_helper_default(popover_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+var popover_default = /*#__PURE__*/ _plugin_vue_export_helper_default(popover_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
 //#endregion
 export { popover_default as default };

package/es/popover/popover.vue.d.ts

@@ -2,6 +2,7 @@ import type { PropType } from 'vue';
 import { CSSProperties } from 'vue';
 import type { TriggerEvent, TriggerPosition } from '../_utils/constant';
 import { ClassName } from '../_utils/types';
+import { ScrollbarProps } from '../scrollbar';
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -29,6 +30,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     contentStyle: {
         type: PropType<CSSProperties>;
     };
+    scrollbar: {
+        type: PropType<boolean | ScrollbarProps>;
+        default: boolean;
+    };
     arrowClass: {
         type: PropType<ClassName>;
     };
@@ -44,6 +49,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     contentCls: import("vue").ComputedRef<(ClassName | undefined)[]>;
     arrowCls: import("vue").ComputedRef<(ClassName | undefined)[]>;
     handlePopupVisibleChange: (visible: boolean) => void;
+    scrollbarProps: import("vue").ComputedRef<ScrollbarProps>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     'update:popupVisible': (_visible: boolean) => true;
     popupVisibleChange: (_visible: boolean) => true;
@@ -72,6 +78,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     contentStyle: {
         type: PropType<CSSProperties>;
     };
+    scrollbar: {
+        type: PropType<boolean | ScrollbarProps>;
+        default: boolean;
+    };
     arrowClass: {
         type: PropType<ClassName>;
     };
@@ -85,11 +95,442 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
     onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
 }>, {
+    position: "left" | "right" | "bottom" | "top" | "tl" | "tr" | "bl" | "br" | "lt" | "lb" | "rt" | "rb";
+    scrollbar: boolean | ScrollbarProps;
     popupVisible: boolean;
     defaultPopupVisible: boolean;
     trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
-    position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
 }, {}, {
+    Scrollbar: {
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+            type: {
+                type: PropType<"track" | "embed">;
+                default: string;
+            };
+            outerClass: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            outerStyle: {
+                type: PropType<import("vue").StyleValue>;
+            };
+            paddingAbsolute: {
+                type: PropType<ScrollbarProps["paddingAbsolute"]>;
+                default: undefined;
+            };
+            showNativeOverlaidScrollbars: {
+                type: PropType<ScrollbarProps["showNativeOverlaidScrollbars"]>;
+                default: undefined;
+            };
+            updateOptions: {
+                type: PropType<ScrollbarProps["updateOptions"]>;
+            };
+            overflow: {
+                type: PropType<ScrollbarProps["overflow"]>;
+            };
+            scrollbars: {
+                type: PropType<ScrollbarProps["scrollbars"]>;
+            };
+            overlayOptions: {
+                type: PropType<ScrollbarProps["overlayOptions"]>;
+            };
+            events: {
+                type: PropType<ScrollbarProps["events"]>;
+            };
+            hide: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            disableHorizontal: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            disableVertical: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & Readonly<{
+            onScroll?: ((_ev: Event) => any) | undefined;
+        }>, {
+            prefixCls: string;
+            cls: import("vue").ComputedRef<(string | Record<string, any> | unknown[] | undefined)[]>;
+            outerStyle: import("vue").ComputedRef<(import("vue").StyleValue | Record<string, string>)[]>;
+            outerRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
+            containerRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
+            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?: 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;
+            }, y?: number): void;
+            scrollTop(top: number): void;
+            scrollLeft(left: number): void;
+        }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            scroll: (_ev: Event) => true;
+        }, import("vue").PublicProps, {
+            paddingAbsolute: boolean | undefined;
+            showNativeOverlaidScrollbars: boolean | undefined;
+            type: "track" | "embed";
+            hide: boolean;
+            disableHorizontal: boolean;
+            disableVertical: boolean;
+        }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("vue").ExtractPropTypes<{
+            type: {
+                type: PropType<"track" | "embed">;
+                default: string;
+            };
+            outerClass: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            outerStyle: {
+                type: PropType<import("vue").StyleValue>;
+            };
+            paddingAbsolute: {
+                type: PropType<ScrollbarProps["paddingAbsolute"]>;
+                default: undefined;
+            };
+            showNativeOverlaidScrollbars: {
+                type: PropType<ScrollbarProps["showNativeOverlaidScrollbars"]>;
+                default: undefined;
+            };
+            updateOptions: {
+                type: PropType<ScrollbarProps["updateOptions"]>;
+            };
+            overflow: {
+                type: PropType<ScrollbarProps["overflow"]>;
+            };
+            scrollbars: {
+                type: PropType<ScrollbarProps["scrollbars"]>;
+            };
+            overlayOptions: {
+                type: PropType<ScrollbarProps["overlayOptions"]>;
+            };
+            events: {
+                type: PropType<ScrollbarProps["events"]>;
+            };
+            hide: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            disableHorizontal: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            disableVertical: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & Readonly<{
+            onScroll?: ((_ev: Event) => any) | undefined;
+        }>, {
+            prefixCls: string;
+            cls: import("vue").ComputedRef<(string | Record<string, any> | unknown[] | undefined)[]>;
+            outerStyle: import("vue").ComputedRef<(import("vue").StyleValue | Record<string, string>)[]>;
+            outerRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
+            containerRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
+            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?: 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;
+            }, y?: number): void;
+            scrollTop(top: number): void;
+            scrollLeft(left: number): void;
+        }, {
+            paddingAbsolute: boolean | undefined;
+            showNativeOverlaidScrollbars: boolean | undefined;
+            type: "track" | "embed";
+            hide: boolean;
+            disableHorizontal: boolean;
+            disableVertical: boolean;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        type: {
+            type: PropType<"track" | "embed">;
+            default: string;
+        };
+        outerClass: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+        outerStyle: {
+            type: PropType<import("vue").StyleValue>;
+        };
+        paddingAbsolute: {
+            type: PropType<ScrollbarProps["paddingAbsolute"]>;
+            default: undefined;
+        };
+        showNativeOverlaidScrollbars: {
+            type: PropType<ScrollbarProps["showNativeOverlaidScrollbars"]>;
+            default: undefined;
+        };
+        updateOptions: {
+            type: PropType<ScrollbarProps["updateOptions"]>;
+        };
+        overflow: {
+            type: PropType<ScrollbarProps["overflow"]>;
+        };
+        scrollbars: {
+            type: PropType<ScrollbarProps["scrollbars"]>;
+        };
+        overlayOptions: {
+            type: PropType<ScrollbarProps["overlayOptions"]>;
+        };
+        events: {
+            type: PropType<ScrollbarProps["events"]>;
+        };
+        hide: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        disableHorizontal: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        disableVertical: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onScroll?: ((_ev: Event) => any) | undefined;
+    }>, {
+        prefixCls: string;
+        cls: import("vue").ComputedRef<(string | Record<string, any> | unknown[] | undefined)[]>;
+        outerStyle: import("vue").ComputedRef<(import("vue").StyleValue | Record<string, string>)[]>;
+        outerRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
+        containerRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
+        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?: 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;
+        }, y?: number): void;
+        scrollTop(top: number): void;
+        scrollLeft(left: number): void;
+    }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        scroll: (_ev: Event) => true;
+    }, string, {
+        paddingAbsolute: boolean | undefined;
+        showNativeOverlaidScrollbars: boolean | undefined;
+        type: "track" | "embed";
+        hide: boolean;
+        disableHorizontal: boolean;
+        disableVertical: boolean;
+    }, {}, 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;
+    };
     Trigger: {
         new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
             popupVisible: {
@@ -236,10 +677,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             };
         }>> & Readonly<{
             onHide?: (() => any) | undefined;
+            onShow?: (() => any) | undefined;
             onResize?: (() => 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;
@@ -247,12 +688,12 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             hide: () => true;
             resize: () => true;
         }, import("vue").PublicProps, {
+            position: "left" | "right" | "bottom" | "top" | "tl" | "tr" | "bl" | "br" | "lt" | "lb" | "rt" | "rb";
+            disabled: boolean;
             autoFitPosition: boolean;
             popupVisible: boolean;
             defaultPopupVisible: boolean;
             trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
-            position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
-            disabled: boolean;
             popupOffset: number;
             showArrow: boolean;
             alignPoint: boolean;
@@ -427,17 +868,17 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             };
         }>> & Readonly<{
             onHide?: (() => any) | undefined;
+            onShow?: (() => any) | undefined;
             onResize?: (() => any) | undefined;
             "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
             onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
-            onShow?: (() => any) | undefined;
         }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
+            position: "left" | "right" | "bottom" | "top" | "tl" | "tr" | "bl" | "br" | "lt" | "lb" | "rt" | "rb";
+            disabled: boolean;
             autoFitPosition: boolean;
             popupVisible: boolean;
             defaultPopupVisible: boolean;
             trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
-            position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
-            disabled: boolean;
             popupOffset: number;
             showArrow: boolean;
             alignPoint: boolean;
@@ -609,10 +1050,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         };
     }>> & Readonly<{
         onHide?: (() => any) | undefined;
+        onShow?: (() => any) | undefined;
         onResize?: (() => 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;
@@ -620,12 +1061,12 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         hide: () => true;
         resize: () => true;
     }, string, {
+        position: "left" | "right" | "bottom" | "top" | "tl" | "tr" | "bl" | "br" | "lt" | "lb" | "rt" | "rb";
+        disabled: boolean;
         autoFitPosition: boolean;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
         trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
-        position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
-        disabled: boolean;
         popupOffset: number;
         showArrow: boolean;
         alignPoint: boolean;

package/es/popover/popover.vue_vue_type_script_lang.js

@@ -1,10 +1,15 @@
 import { getPrefixCls } from "../_utils/global-config.js";
+import { useScrollbar } from "../_hooks/use-scrollbar.js";
+import Scrollbar from "../scrollbar/index.js";
 import Trigger from "../trigger/index.js";
-import { computed, defineComponent, ref } from "vue";
+import { computed, defineComponent, ref, toRefs } from "vue";
 //#region components/popover/popover.vue?vue&type=script&lang.ts
 var popover_vue_vue_type_script_lang_default = defineComponent({
 	name: "Popover",
-	components: { Trigger },
+	components: {
+		Scrollbar,
+		Trigger
+	},
 	props: {
 		/**
 		* @zh 文字气泡是否可见
@@ -65,6 +70,10 @@ var popover_vue_vue_type_script_lang_default = defineComponent({
 		* @en The style of the popup content
 		*/
 		contentStyle: { type: Object },
+		scrollbar: {
+			type: [Boolean, Object],
+			default: true
+		},
 		/**
 		* @zh 弹出框箭头的类名
 		* @en The class name of the popup arrow
@@ -111,6 +120,8 @@ var popover_vue_vue_type_script_lang_default = defineComponent({
 			var _props$popupVisible;
 			return (_props$popupVisible = props.popupVisible) !== null && _props$popupVisible !== void 0 ? _props$popupVisible : _popupVisible.value;
 		});
+		const { scrollbar } = toRefs(props);
+		const { scrollbarProps } = useScrollbar(scrollbar);
 		const handlePopupVisibleChange = (visible) => {
 			_popupVisible.value = visible;
 			emit("update:popupVisible", visible);
@@ -121,7 +132,8 @@ var popover_vue_vue_type_script_lang_default = defineComponent({
 			computedPopupVisible,
 			contentCls: computed(() => [`${prefixCls}-popup-content`, props.contentClass]),
 			arrowCls: computed(() => [`${prefixCls}-popup-arrow`, props.arrowClass]),
-			handlePopupVisibleChange
+			handlePopupVisibleChange,
+			scrollbarProps
 		};
 	}
 });