x-next 0.0.0-alpha.8 → 1.0.0

package/dist/components/dropdown/Dropdown.vue.d.ts

@@ -0,0 +1,1303 @@
+import { PropType } from 'vue';
+import { TriggerEvent } from '../../_utils/constant';
+import { DropdownPosition } from './interface';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /**
+     * @zh 弹出框是否可见
+     * @en Whether the popup is visible
+     * @vModel
+     */
+    popupVisible: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    /**
+     * @zh 弹出框默认是否可见（非受控模式）
+     * @en Whether the popup is visible by default (uncontrolled mode)
+     */
+    defaultPopupVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 触发方式
+     * @en Trigger method
+     * @values 'hover','click','focus','contextMenu'
+     */
+    trigger: {
+        type: PropType<TriggerEvent | TriggerEvent[]>;
+        default: string;
+    };
+    /**
+     * @zh 弹出位置
+     * @en Popup position
+     * @values 'top','tl','tr','bottom','bl','br'
+     */
+    position: {
+        type: PropType<DropdownPosition>;
+        default: string;
+    };
+    /**
+     * @zh 弹出框的挂载容器
+     * @en Mount container for popup
+     */
+    popupContainer: {
+        type: PropType<string | HTMLElement>;
+    };
+    popupMaxHeight: {
+        type: (BooleanConstructor | NumberConstructor)[];
+        default: boolean;
+    };
+    /**
+     * @zh 是否为加载中状态
+     * @en Whether the dropdown is loading
+     */
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 是否为空状态
+     * @en Whether the dropdown is empty
+     */
+    isEmpty: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 触发到达底部的偏移量
+     * @en Offset to trigger reach bottom
+     */
+    bottomOffset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * @zh 弹出层是否跟随鼠标位置，常用于右键菜单
+     * @en Whether the popup follows the mouse position
+     */
+    alignPoint: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 是否在用户选择后隐藏弹出框
+     * @en Whether to hide popup when the user selects
+     * @version 2.43.0
+     */
+    hideOnSelect: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {
+    className: {
+        block: string;
+        element: (className: string) => string;
+        modifier: (className: string) => string;
+        is: (className: string) => string;
+    };
+    computedPopupVisible: import('vue').ComputedRef<boolean>;
+    handlePopupVisibleChange: (visible: boolean) => void;
+    handleScroll: (ev: Event) => void;
+    handleReachBottom: (ev: Event) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    'update:popupVisible': (visible: boolean) => true;
+    /**
+     * @zh 下拉框显示状态发生改变时触发
+     * @en Triggered when the display status of the drop-down box changes
+     * @param {boolean} visible
+     */
+    popupVisibleChange: (visible: boolean) => true;
+    /**
+     * @zh 用户选择时触发
+     * @en Triggered when the user selects
+     * @param {string | number | Record<string, any> | undefined } value
+     * @param {Event} ev
+     */
+    select: (value: string | number | Record<string, any> | undefined, ev: Event) => true;
+    /**
+     * @zh 下拉菜单滚动时触发
+     * @en Triggered when the dropdown scrolls
+     * @param {Event} ev
+     */
+    scroll: (ev: Event) => true;
+    /**
+     * @zh 下拉菜单滚动到底部时触发
+     * @en Triggered when the dropdown reaches bottom
+     * @param {Event} ev
+     */
+    reachBottom: (ev: Event) => true;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /**
+     * @zh 弹出框是否可见
+     * @en Whether the popup is visible
+     * @vModel
+     */
+    popupVisible: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    /**
+     * @zh 弹出框默认是否可见（非受控模式）
+     * @en Whether the popup is visible by default (uncontrolled mode)
+     */
+    defaultPopupVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 触发方式
+     * @en Trigger method
+     * @values 'hover','click','focus','contextMenu'
+     */
+    trigger: {
+        type: PropType<TriggerEvent | TriggerEvent[]>;
+        default: string;
+    };
+    /**
+     * @zh 弹出位置
+     * @en Popup position
+     * @values 'top','tl','tr','bottom','bl','br'
+     */
+    position: {
+        type: PropType<DropdownPosition>;
+        default: string;
+    };
+    /**
+     * @zh 弹出框的挂载容器
+     * @en Mount container for popup
+     */
+    popupContainer: {
+        type: PropType<string | HTMLElement>;
+    };
+    popupMaxHeight: {
+        type: (BooleanConstructor | NumberConstructor)[];
+        default: boolean;
+    };
+    /**
+     * @zh 是否为加载中状态
+     * @en Whether the dropdown is loading
+     */
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 是否为空状态
+     * @en Whether the dropdown is empty
+     */
+    isEmpty: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 触发到达底部的偏移量
+     * @en Offset to trigger reach bottom
+     */
+    bottomOffset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * @zh 弹出层是否跟随鼠标位置，常用于右键菜单
+     * @en Whether the popup follows the mouse position
+     */
+    alignPoint: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 是否在用户选择后隐藏弹出框
+     * @en Whether to hide popup when the user selects
+     * @version 2.43.0
+     */
+    hideOnSelect: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onSelect?: ((value: string | number | Record<string, any> | undefined, ev: Event) => any) | undefined;
+    onScroll?: ((ev: Event) => any) | undefined;
+    "onUpdate:popupVisible"?: ((visible: boolean) => any) | undefined;
+    onPopupVisibleChange?: ((visible: boolean) => any) | undefined;
+    onReachBottom?: ((ev: Event) => any) | undefined;
+}>, {
+    loading: boolean;
+    position: DropdownPosition;
+    popupVisible: boolean;
+    defaultPopupVisible: boolean;
+    trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
+    alignPoint: boolean;
+    isEmpty: boolean;
+    bottomOffset: number;
+    popupMaxHeight: number | boolean;
+    hideOnSelect: boolean;
+}, {}, {
+    Trigger: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+            popupVisible: {
+                type: BooleanConstructor;
+                default: undefined;
+            };
+            defaultPopupVisible: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            trigger: {
+                type: PropType<import('../../_props/constant.ts').TriggerEvent | import('../../_props/constant.ts').TriggerEvent[]>;
+                default: string;
+            };
+            position: {
+                type: PropType<import('../../_props/constant.ts').TriggerPosition>;
+                default: string;
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            popupOffset: {
+                type: NumberConstructor;
+                default: number;
+            };
+            popupTranslate: {
+                type: PropType<import('../trigger/interface.ts').TriggerPopupTranslate>;
+            };
+            showArrow: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            alignPoint: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            popupHoverStay: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            blurToClose: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            clickToClose: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            clickOutsideToClose: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            unmountOnClose: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            contentClass: {
+                type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+            };
+            contentStyle: {
+                type: PropType<import('vue').CSSProperties>;
+            };
+            arrowClass: {
+                type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+            };
+            arrowStyle: {
+                type: PropType<import('vue').CSSProperties>;
+            };
+            popupStyle: {
+                type: PropType<import('vue').CSSProperties>;
+            };
+            animationName: {
+                type: StringConstructor;
+                default: string;
+            };
+            duration: {
+                type: PropType<number | {
+                    enter: number;
+                    leave: number;
+                }>;
+            };
+            mouseEnterDelay: {
+                type: NumberConstructor;
+                default: number;
+            };
+            mouseLeaveDelay: {
+                type: NumberConstructor;
+                default: number;
+            };
+            focusDelay: {
+                type: NumberConstructor;
+                default: number;
+            };
+            autoFitPopupWidth: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            autoFitPopupMinWidth: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            autoFixPosition: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            popupContainer: {
+                type: PropType<string | HTMLElement>;
+            };
+            updateAtScroll: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            autoFitTransformOrigin: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            hideEmpty: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            openedClass: {
+                type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+            };
+            autoFitPosition: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            renderToBody: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            preventFocus: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            scrollToClose: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            scrollToCloseDistance: {
+                type: NumberConstructor;
+                default: number;
+            };
+        }>> & Readonly<{
+            onResize?: (() => any) | undefined;
+            onHide?: (() => any) | undefined;
+            onShow?: (() => any) | undefined;
+            "onUpdate:popupVisible"?: ((visible: boolean) => any) | undefined;
+            onPopupVisibleChange?: ((visible: boolean) => any) | undefined;
+        }>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            'update:popupVisible': (visible: boolean) => true;
+            popupVisibleChange: (visible: boolean) => true;
+            show: () => true;
+            hide: () => true;
+            resize: () => true;
+        }, import('vue').PublicProps, {
+            disabled: boolean;
+            animationName: string;
+            position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+            autoFitPosition: boolean;
+            popupVisible: boolean;
+            defaultPopupVisible: boolean;
+            trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
+            popupOffset: number;
+            showArrow: boolean;
+            alignPoint: boolean;
+            popupHoverStay: boolean;
+            blurToClose: boolean;
+            clickToClose: boolean;
+            clickOutsideToClose: boolean;
+            unmountOnClose: boolean;
+            mouseEnterDelay: number;
+            mouseLeaveDelay: number;
+            focusDelay: number;
+            autoFitPopupWidth: boolean;
+            autoFitPopupMinWidth: boolean;
+            autoFixPosition: boolean;
+            updateAtScroll: boolean;
+            autoFitTransformOrigin: boolean;
+            hideEmpty: boolean;
+            renderToBody: boolean;
+            preventFocus: boolean;
+            scrollToClose: boolean;
+            scrollToCloseDistance: number;
+        }, true, {}, import('vue').SlotsType<{
+            default: any;
+            content: any;
+        }>, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('vue').ExtractPropTypes<{
+            popupVisible: {
+                type: BooleanConstructor;
+                default: undefined;
+            };
+            defaultPopupVisible: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            trigger: {
+                type: PropType<import('../../_props/constant.ts').TriggerEvent | import('../../_props/constant.ts').TriggerEvent[]>;
+                default: string;
+            };
+            position: {
+                type: PropType<import('../../_props/constant.ts').TriggerPosition>;
+                default: string;
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            popupOffset: {
+                type: NumberConstructor;
+                default: number;
+            };
+            popupTranslate: {
+                type: PropType<import('../trigger/interface.ts').TriggerPopupTranslate>;
+            };
+            showArrow: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            alignPoint: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            popupHoverStay: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            blurToClose: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            clickToClose: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            clickOutsideToClose: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            unmountOnClose: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            contentClass: {
+                type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+            };
+            contentStyle: {
+                type: PropType<import('vue').CSSProperties>;
+            };
+            arrowClass: {
+                type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+            };
+            arrowStyle: {
+                type: PropType<import('vue').CSSProperties>;
+            };
+            popupStyle: {
+                type: PropType<import('vue').CSSProperties>;
+            };
+            animationName: {
+                type: StringConstructor;
+                default: string;
+            };
+            duration: {
+                type: PropType<number | {
+                    enter: number;
+                    leave: number;
+                }>;
+            };
+            mouseEnterDelay: {
+                type: NumberConstructor;
+                default: number;
+            };
+            mouseLeaveDelay: {
+                type: NumberConstructor;
+                default: number;
+            };
+            focusDelay: {
+                type: NumberConstructor;
+                default: number;
+            };
+            autoFitPopupWidth: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            autoFitPopupMinWidth: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            autoFixPosition: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            popupContainer: {
+                type: PropType<string | HTMLElement>;
+            };
+            updateAtScroll: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            autoFitTransformOrigin: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            hideEmpty: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            openedClass: {
+                type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+            };
+            autoFitPosition: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            renderToBody: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            preventFocus: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            scrollToClose: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            scrollToCloseDistance: {
+                type: NumberConstructor;
+                default: number;
+            };
+        }>> & Readonly<{
+            onResize?: (() => any) | undefined;
+            onHide?: (() => any) | undefined;
+            onShow?: (() => any) | undefined;
+            "onUpdate:popupVisible"?: ((visible: boolean) => any) | undefined;
+            onPopupVisibleChange?: ((visible: boolean) => any) | undefined;
+        }>, () => any, {}, {}, {}, {
+            disabled: boolean;
+            animationName: string;
+            position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+            autoFitPosition: boolean;
+            popupVisible: boolean;
+            defaultPopupVisible: boolean;
+            trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
+            popupOffset: number;
+            showArrow: boolean;
+            alignPoint: boolean;
+            popupHoverStay: boolean;
+            blurToClose: boolean;
+            clickToClose: boolean;
+            clickOutsideToClose: boolean;
+            unmountOnClose: boolean;
+            mouseEnterDelay: number;
+            mouseLeaveDelay: number;
+            focusDelay: number;
+            autoFitPopupWidth: boolean;
+            autoFitPopupMinWidth: boolean;
+            autoFixPosition: boolean;
+            updateAtScroll: boolean;
+            autoFitTransformOrigin: boolean;
+            hideEmpty: boolean;
+            renderToBody: boolean;
+            preventFocus: boolean;
+            scrollToClose: boolean;
+            scrollToCloseDistance: number;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+        popupVisible: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        defaultPopupVisible: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        trigger: {
+            type: PropType<import('../../_props/constant.ts').TriggerEvent | import('../../_props/constant.ts').TriggerEvent[]>;
+            default: string;
+        };
+        position: {
+            type: PropType<import('../../_props/constant.ts').TriggerPosition>;
+            default: string;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        popupOffset: {
+            type: NumberConstructor;
+            default: number;
+        };
+        popupTranslate: {
+            type: PropType<import('../trigger/interface.ts').TriggerPopupTranslate>;
+        };
+        showArrow: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        alignPoint: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        popupHoverStay: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        blurToClose: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        clickToClose: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        clickOutsideToClose: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        unmountOnClose: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        contentClass: {
+            type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+        };
+        contentStyle: {
+            type: PropType<import('vue').CSSProperties>;
+        };
+        arrowClass: {
+            type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+        };
+        arrowStyle: {
+            type: PropType<import('vue').CSSProperties>;
+        };
+        popupStyle: {
+            type: PropType<import('vue').CSSProperties>;
+        };
+        animationName: {
+            type: StringConstructor;
+            default: string;
+        };
+        duration: {
+            type: PropType<number | {
+                enter: number;
+                leave: number;
+            }>;
+        };
+        mouseEnterDelay: {
+            type: NumberConstructor;
+            default: number;
+        };
+        mouseLeaveDelay: {
+            type: NumberConstructor;
+            default: number;
+        };
+        focusDelay: {
+            type: NumberConstructor;
+            default: number;
+        };
+        autoFitPopupWidth: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        autoFitPopupMinWidth: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        autoFixPosition: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        popupContainer: {
+            type: PropType<string | HTMLElement>;
+        };
+        updateAtScroll: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        autoFitTransformOrigin: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        hideEmpty: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        openedClass: {
+            type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+        };
+        autoFitPosition: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        renderToBody: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        preventFocus: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        scrollToClose: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        scrollToCloseDistance: {
+            type: NumberConstructor;
+            default: number;
+        };
+    }>> & Readonly<{
+        onResize?: (() => any) | undefined;
+        onHide?: (() => any) | undefined;
+        onShow?: (() => any) | undefined;
+        "onUpdate:popupVisible"?: ((visible: boolean) => any) | undefined;
+        onPopupVisibleChange?: ((visible: boolean) => any) | undefined;
+    }>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        'update:popupVisible': (visible: boolean) => true;
+        popupVisibleChange: (visible: boolean) => true;
+        show: () => true;
+        hide: () => true;
+        resize: () => true;
+    }, string, {
+        disabled: boolean;
+        animationName: string;
+        position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+        autoFitPosition: boolean;
+        popupVisible: boolean;
+        defaultPopupVisible: boolean;
+        trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
+        popupOffset: number;
+        showArrow: boolean;
+        alignPoint: boolean;
+        popupHoverStay: boolean;
+        blurToClose: boolean;
+        clickToClose: boolean;
+        clickOutsideToClose: boolean;
+        unmountOnClose: boolean;
+        mouseEnterDelay: number;
+        mouseLeaveDelay: number;
+        focusDelay: number;
+        autoFitPopupWidth: boolean;
+        autoFitPopupMinWidth: boolean;
+        autoFixPosition: boolean;
+        updateAtScroll: boolean;
+        autoFitTransformOrigin: boolean;
+        hideEmpty: boolean;
+        renderToBody: boolean;
+        preventFocus: boolean;
+        scrollToClose: boolean;
+        scrollToCloseDistance: number;
+    }, {}, string, import('vue').SlotsType<{
+        default: any;
+        content: any;
+    }>, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
+        install(app: import('vue').App): void;
+    };
+    DropdownPanel: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        loading: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        isEmpty: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        bottomOffset: {
+            type: NumberConstructor;
+            default: number;
+        };
+        onScroll: {
+            type: PropType<import('../../_hooks/_types.ts').EmitType<(ev: Event) => void>>;
+        };
+        onReachBottom: {
+            type: PropType<import('../../_hooks/_types.ts').EmitType<(ev: Event) => void>>;
+        };
+    }>, {
+        className: {
+            block: string;
+            element: (className: string) => string;
+            modifier: (className: string) => string;
+            is: (className: string) => string;
+        };
+        cls: import('vue').ComputedRef<(string | {
+            [x: string]: boolean;
+        })[]>;
+        style: import('vue').ComputedRef<import('vue').CSSProperties | undefined>;
+        wrapperRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+        handleScroll: (e: Event) => void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("scroll" | "reachBottom")[], "scroll" | "reachBottom", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        loading: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        isEmpty: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        bottomOffset: {
+            type: NumberConstructor;
+            default: number;
+        };
+        onScroll: {
+            type: PropType<import('../../_hooks/_types.ts').EmitType<(ev: Event) => void>>;
+        };
+        onReachBottom: {
+            type: PropType<import('../../_hooks/_types.ts').EmitType<(ev: Event) => void>>;
+        };
+    }>> & Readonly<{
+        onScroll?: ((...args: any[]) => any) | undefined;
+        onReachBottom?: ((...args: any[]) => any) | undefined;
+    }>, {
+        loading: boolean;
+        isEmpty: boolean;
+        bottomOffset: number;
+    }, {}, {
+        Scrollbar: {
+            new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+                type: {
+                    type: PropType<"track" | "embed">;
+                    default: string;
+                };
+                outerClass: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+                outerStyle: {
+                    type: PropType<import('vue').StyleValue>;
+                };
+                hide: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                disableHorizontal: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                disableVertical: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                horizontalWheel: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>> & Readonly<{
+                onScroll?: ((ev: Event) => any) | undefined;
+            }>, {
+                className: {
+                    block: string;
+                    element: (className: string) => string;
+                    modifier: (className: string) => string;
+                    is: (className: string) => string;
+                };
+                cls: import('vue').ComputedRef<unknown[]>;
+                style: import('vue').ComputedRef<import('vue').StyleValue[]>;
+                rootRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+                getContainerAttrs: () => {
+                    [x: string]: unknown;
+                };
+                getContainerStyle: () => 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-v2/interface.ts').ThumbData | undefined, import('../scrollbar-v2/interface.ts').ThumbData | undefined>;
+                verticalData: import('vue').Ref<import('../scrollbar-v2/interface.ts').ThumbData | undefined, import('../scrollbar-v2/interface.ts').ThumbData | undefined>;
+                isBoth: import('vue').Ref<boolean, boolean>;
+                hasHorizontalScrollbar: import('vue').ComputedRef<boolean>;
+                hasVerticalScrollbar: import('vue').ComputedRef<boolean>;
+                handleResize: () => void;
+                handleScroll: (ev: Event) => void;
+                handleWheel: (ev: WheelEvent) => void;
+                handleHorizontalScroll: (offset: number) => void;
+                handleVerticalScroll: (offset: number) => 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, {
+                type: "embed" | "track";
+                hide: boolean;
+                disableHorizontal: boolean;
+                disableVertical: boolean;
+                horizontalWheel: 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-v2/interface.ts').ThumbData>;
+                    };
+                    direction: {
+                        type: PropType<import('../../_utils/constant').Direction>;
+                        default: string;
+                    };
+                }>, {
+                    trackRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+                    thumbRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+                    className: {
+                        block: string;
+                        element: (className: string) => string;
+                        modifier: (className: string) => string;
+                        is: (className: string) => 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-v2/interface.ts').ThumbData>;
+                    };
+                    direction: {
+                        type: PropType<import('../../_utils/constant').Direction>;
+                        default: string;
+                    };
+                }>> & Readonly<{
+                    onScroll?: ((...args: any[]) => any) | undefined;
+                }>, {
+                    direction: "horizontal" | "vertical";
+                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            } & 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: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+                outerStyle: {
+                    type: PropType<import('vue').StyleValue>;
+                };
+                hide: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                disableHorizontal: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                disableVertical: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                horizontalWheel: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>> & Readonly<{
+                onScroll?: ((ev: Event) => any) | undefined;
+            }>, {
+                className: {
+                    block: string;
+                    element: (className: string) => string;
+                    modifier: (className: string) => string;
+                    is: (className: string) => string;
+                };
+                cls: import('vue').ComputedRef<unknown[]>;
+                style: import('vue').ComputedRef<import('vue').StyleValue[]>;
+                rootRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+                getContainerAttrs: () => {
+                    [x: string]: unknown;
+                };
+                getContainerStyle: () => 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-v2/interface.ts').ThumbData | undefined, import('../scrollbar-v2/interface.ts').ThumbData | undefined>;
+                verticalData: import('vue').Ref<import('../scrollbar-v2/interface.ts').ThumbData | undefined, import('../scrollbar-v2/interface.ts').ThumbData | undefined>;
+                isBoth: import('vue').Ref<boolean, boolean>;
+                hasHorizontalScrollbar: import('vue').ComputedRef<boolean>;
+                hasVerticalScrollbar: import('vue').ComputedRef<boolean>;
+                handleResize: () => void;
+                handleScroll: (ev: Event) => void;
+                handleWheel: (ev: WheelEvent) => void;
+                handleHorizontalScroll: (offset: number) => void;
+                handleVerticalScroll: (offset: number) => void;
+            }, {}, {}, {
+                scrollTo(options?: number | {
+                    left?: number;
+                    top?: number;
+                }, y?: number): void;
+                scrollTop(top: number): void;
+                scrollLeft(left: number): void;
+            }, {
+                type: "embed" | "track";
+                hide: boolean;
+                disableHorizontal: boolean;
+                disableVertical: boolean;
+                horizontalWheel: boolean;
+            }>;
+            __isFragment?: never;
+            __isTeleport?: never;
+            __isSuspense?: never;
+        } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+            type: {
+                type: PropType<"track" | "embed">;
+                default: string;
+            };
+            outerClass: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+            outerStyle: {
+                type: PropType<import('vue').StyleValue>;
+            };
+            hide: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            disableHorizontal: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            disableVertical: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            horizontalWheel: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & Readonly<{
+            onScroll?: ((ev: Event) => any) | undefined;
+        }>, {
+            className: {
+                block: string;
+                element: (className: string) => string;
+                modifier: (className: string) => string;
+                is: (className: string) => string;
+            };
+            cls: import('vue').ComputedRef<unknown[]>;
+            style: import('vue').ComputedRef<import('vue').StyleValue[]>;
+            rootRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+            getContainerAttrs: () => {
+                [x: string]: unknown;
+            };
+            getContainerStyle: () => 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-v2/interface.ts').ThumbData | undefined, import('../scrollbar-v2/interface.ts').ThumbData | undefined>;
+            verticalData: import('vue').Ref<import('../scrollbar-v2/interface.ts').ThumbData | undefined, import('../scrollbar-v2/interface.ts').ThumbData | undefined>;
+            isBoth: import('vue').Ref<boolean, boolean>;
+            hasHorizontalScrollbar: import('vue').ComputedRef<boolean>;
+            hasVerticalScrollbar: import('vue').ComputedRef<boolean>;
+            handleResize: () => void;
+            handleScroll: (ev: Event) => void;
+            handleWheel: (ev: WheelEvent) => void;
+            handleHorizontalScroll: (offset: number) => void;
+            handleVerticalScroll: (offset: number) => 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, {
+            type: "embed" | "track";
+            hide: boolean;
+            disableHorizontal: boolean;
+            disableVertical: boolean;
+            horizontalWheel: 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-v2/interface.ts').ThumbData>;
+                };
+                direction: {
+                    type: PropType<import('../../_utils/constant').Direction>;
+                    default: string;
+                };
+            }>, {
+                trackRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+                thumbRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+                className: {
+                    block: string;
+                    element: (className: string) => string;
+                    modifier: (className: string) => string;
+                    is: (className: string) => 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-v2/interface.ts').ThumbData>;
+                };
+                direction: {
+                    type: PropType<import('../../_utils/constant').Direction>;
+                    default: string;
+                };
+            }>> & Readonly<{
+                onScroll?: ((...args: any[]) => any) | undefined;
+            }>, {
+                direction: "horizontal" | "vertical";
+            }, {}, {}, {}, 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 & {
+            install(app: import('vue').App): void;
+        };
+        Empty: {
+            new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+                description: {
+                    type: PropType<string | null>;
+                    default: undefined;
+                };
+                imgSrc: StringConstructor;
+            }>> & Readonly<{}>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+                description: string | null;
+            }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, Readonly<import('vue').ExtractPropTypes<{
+                description: {
+                    type: PropType<string | null>;
+                    default: undefined;
+                };
+                imgSrc: StringConstructor;
+            }>> & Readonly<{}>, () => VNode, {}, {}, {}, {
+                description: string | null;
+            }>;
+            __isFragment?: never;
+            __isTeleport?: never;
+            __isSuspense?: never;
+        } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+            description: {
+                type: PropType<string | null>;
+                default: undefined;
+            };
+            imgSrc: StringConstructor;
+        }>> & Readonly<{}>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+            description: string | null;
+        }, {}, 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): void;
+        };
+        Spin: {
+            new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+                display: {
+                    type: PropType<"block" | "inline">;
+                    default: string;
+                };
+                size: {
+                    type: NumberConstructor;
+                };
+                loading: BooleanConstructor;
+                dot: {
+                    type: PropType<boolean | "default" | "color">;
+                };
+                tip: StringConstructor;
+                hideIcon: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>> & Readonly<{}>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+                loading: boolean;
+                display: "block" | "inline";
+                hideIcon: boolean;
+            }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, Readonly<import('vue').ExtractPropTypes<{
+                display: {
+                    type: PropType<"block" | "inline">;
+                    default: string;
+                };
+                size: {
+                    type: NumberConstructor;
+                };
+                loading: BooleanConstructor;
+                dot: {
+                    type: PropType<boolean | "default" | "color">;
+                };
+                tip: StringConstructor;
+                hideIcon: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>> & Readonly<{}>, () => VNode, {}, {}, {}, {
+                loading: boolean;
+                display: "block" | "inline";
+                hideIcon: boolean;
+            }>;
+            __isFragment?: never;
+            __isTeleport?: never;
+            __isSuspense?: never;
+        } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+            display: {
+                type: PropType<"block" | "inline">;
+                default: string;
+            };
+            size: {
+                type: NumberConstructor;
+            };
+            loading: BooleanConstructor;
+            dot: {
+                type: PropType<boolean | "default" | "color">;
+            };
+            tip: StringConstructor;
+            hideIcon: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & Readonly<{}>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+            loading: boolean;
+            display: "block" | "inline";
+            hideIcon: 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): void;
+        };
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;