x-next 0.0.0-alpha.8 → 1.0.0

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

@@ -0,0 +1,1765 @@
+import { PropType } from 'vue';
+import { ButtonProps } from '../button';
+import { TriggerEvent } from '../../_utils/constant';
+import { ButtonSize, ButtonTypes } from '../button/props.ts';
+type DropdownPosition = 'top' | 'tl' | 'tr' | 'bottom' | 'bl' | 'br';
+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>;
+    };
+    /**
+     * @zh 是否禁用
+     * @en Whether to disable
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 按钮类型
+     * @en Button type
+     */
+    type: {
+        type: PropType<ButtonTypes>;
+        default: string;
+    };
+    /**
+     * @zh 按钮大小
+     * @en Button size
+     */
+    size: {
+        type: PropType<ButtonSize>;
+        default: string;
+    };
+    /**
+     * @zh 按钮属性
+     * @en Button props
+     */
+    buttonProps: {
+        type: PropType<ButtonProps>;
+    };
+    /**
+     * @zh 是否在用户选择后隐藏弹出框
+     * @en Whether to hide popup when the user selects
+     */
+    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>;
+    handleClick: (ev: MouseEvent) => void;
+    handleSelect: (value: string | number | Record<string, unknown> | undefined, ev: Event) => void;
+    handlePopupVisibleChange: (visible: boolean) => 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 Emitted when the button is clicked
+     * @param {MouseEvent} ev
+     */
+    click: (ev: MouseEvent) => 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;
+}, 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>;
+    };
+    /**
+     * @zh 是否禁用
+     * @en Whether to disable
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 按钮类型
+     * @en Button type
+     */
+    type: {
+        type: PropType<ButtonTypes>;
+        default: string;
+    };
+    /**
+     * @zh 按钮大小
+     * @en Button size
+     */
+    size: {
+        type: PropType<ButtonSize>;
+        default: string;
+    };
+    /**
+     * @zh 按钮属性
+     * @en Button props
+     */
+    buttonProps: {
+        type: PropType<ButtonProps>;
+    };
+    /**
+     * @zh 是否在用户选择后隐藏弹出框
+     * @en Whether to hide popup when the user selects
+     */
+    hideOnSelect: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onClick?: ((ev: MouseEvent) => any) | undefined;
+    onSelect?: ((value: string | number | Record<string, any> | undefined, ev: Event) => any) | undefined;
+    "onUpdate:popupVisible"?: ((visible: boolean) => any) | undefined;
+    onPopupVisibleChange?: ((visible: boolean) => any) | undefined;
+}>, {
+    type: ButtonTypes;
+    size: ButtonSize;
+    disabled: boolean;
+    position: DropdownPosition;
+    popupVisible: boolean;
+    defaultPopupVisible: boolean;
+    trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
+    hideOnSelect: boolean;
+}, {}, {
+    IconMore: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        size: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: undefined;
+        };
+        rotate: {
+            type: NumberConstructor;
+            default: undefined;
+        };
+        spin: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        color: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        fillColor: {
+            type: ArrayConstructor;
+            default: undefined;
+        };
+    }>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        size: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: undefined;
+        };
+        rotate: {
+            type: NumberConstructor;
+            default: undefined;
+        };
+        spin: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        color: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        fillColor: {
+            type: ArrayConstructor;
+            default: undefined;
+        };
+    }>> & Readonly<{}>, {
+        size: string | number;
+        rotate: number;
+        spin: boolean;
+        color: string;
+        fillColor: unknown[];
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    Button: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            block: BooleanConstructor;
+            loading: BooleanConstructor;
+            loadingFill: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            debounce: {
+                type: NumberConstructor;
+                default: number;
+            };
+            shape: {
+                type: PropType<import('../button/props.ts').ButtonShape>;
+                default: undefined;
+            };
+            link: {
+                type: PropType<boolean>;
+                default: boolean;
+            };
+            type: {
+                type: PropType<ButtonTypes>;
+                default: string;
+            };
+            status: {
+                type: PropType<import('../button/props.ts').ButtonStatus>;
+                default: string;
+            };
+            plain: {
+                type: PropType<boolean>;
+                default: boolean;
+            };
+            size: {
+                type: PropType<ButtonSize>;
+                default: string;
+            };
+            border: {
+                type: PropType<boolean>;
+                default: boolean;
+            };
+            narrow: {
+                type: PropType<boolean>;
+                default: boolean;
+            };
+        }>> & Readonly<{
+            onClick?: ((...args: any[]) => any) | undefined;
+        }>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], import('vue').PublicProps, {
+            type: ButtonTypes;
+            size: ButtonSize;
+            disabled: boolean;
+            link: boolean;
+            block: boolean;
+            loading: boolean;
+            loadingFill: boolean;
+            debounce: number;
+            shape: import('../button/props.ts').ButtonShape;
+            status: import('../button/props.ts').ButtonStatus;
+            plain: boolean;
+            border: boolean;
+            narrow: boolean;
+        }, true, {}, import('vue').SlotsType<{
+            default: () => any;
+            prefix: () => any;
+            suffix: () => any;
+            icon: any;
+        }>, import('vue').GlobalComponents, {
+            wave: import('vue').Directive<import('../../directives/wave.ts').ElWithWave>;
+        } & import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('vue').ExtractPropTypes<{
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            block: BooleanConstructor;
+            loading: BooleanConstructor;
+            loadingFill: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            debounce: {
+                type: NumberConstructor;
+                default: number;
+            };
+            shape: {
+                type: PropType<import('../button/props.ts').ButtonShape>;
+                default: undefined;
+            };
+            link: {
+                type: PropType<boolean>;
+                default: boolean;
+            };
+            type: {
+                type: PropType<ButtonTypes>;
+                default: string;
+            };
+            status: {
+                type: PropType<import('../button/props.ts').ButtonStatus>;
+                default: string;
+            };
+            plain: {
+                type: PropType<boolean>;
+                default: boolean;
+            };
+            size: {
+                type: PropType<ButtonSize>;
+                default: string;
+            };
+            border: {
+                type: PropType<boolean>;
+                default: boolean;
+            };
+            narrow: {
+                type: PropType<boolean>;
+                default: boolean;
+            };
+        }>> & Readonly<{
+            onClick?: ((...args: any[]) => any) | undefined;
+        }>, () => VNode, {}, {}, {}, {
+            type: ButtonTypes;
+            size: ButtonSize;
+            disabled: boolean;
+            link: boolean;
+            block: boolean;
+            loading: boolean;
+            loadingFill: boolean;
+            debounce: number;
+            shape: import('../button/props.ts').ButtonShape;
+            status: import('../button/props.ts').ButtonStatus;
+            plain: boolean;
+            border: boolean;
+            narrow: boolean;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        block: BooleanConstructor;
+        loading: BooleanConstructor;
+        loadingFill: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        debounce: {
+            type: NumberConstructor;
+            default: number;
+        };
+        shape: {
+            type: PropType<import('../button/props.ts').ButtonShape>;
+            default: undefined;
+        };
+        link: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+        type: {
+            type: PropType<ButtonTypes>;
+            default: string;
+        };
+        status: {
+            type: PropType<import('../button/props.ts').ButtonStatus>;
+            default: string;
+        };
+        plain: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+        size: {
+            type: PropType<ButtonSize>;
+            default: string;
+        };
+        border: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+        narrow: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onClick?: ((...args: any[]) => any) | undefined;
+    }>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", {
+        type: ButtonTypes;
+        size: ButtonSize;
+        disabled: boolean;
+        link: boolean;
+        block: boolean;
+        loading: boolean;
+        loadingFill: boolean;
+        debounce: number;
+        shape: import('../button/props.ts').ButtonShape;
+        status: import('../button/props.ts').ButtonStatus;
+        plain: boolean;
+        border: boolean;
+        narrow: boolean;
+    }, {}, string, import('vue').SlotsType<{
+        default: () => any;
+        prefix: () => any;
+        suffix: () => any;
+        icon: any;
+    }>, import('vue').GlobalComponents, {
+        wave: import('vue').Directive<import('../../directives/wave.ts').ElWithWave>;
+    } & import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
+        install(app: import('vue').App): void;
+    };
+    ButtonGroup: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+            type: {
+                type: PropType<ButtonTypes>;
+            };
+            status: {
+                type: PropType<import('../button/props.ts').ButtonStatus>;
+            };
+            shape: {
+                type: PropType<import('../button/props.ts').ButtonShape>;
+            };
+            size: {
+                type: PropType<ButtonSize>;
+            };
+            disabled: {
+                type: BooleanConstructor;
+            };
+        }>> & Readonly<{}>, {
+            className: {
+                block: string;
+                element: (className: string) => string;
+                modifier: (className: string) => string;
+                is: (className: string) => string;
+            };
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+            disabled: 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<ButtonTypes>;
+            };
+            status: {
+                type: PropType<import('../button/props.ts').ButtonStatus>;
+            };
+            shape: {
+                type: PropType<import('../button/props.ts').ButtonShape>;
+            };
+            size: {
+                type: PropType<ButtonSize>;
+            };
+            disabled: {
+                type: BooleanConstructor;
+            };
+        }>> & Readonly<{}>, {
+            className: {
+                block: string;
+                element: (className: string) => string;
+                modifier: (className: string) => string;
+                is: (className: string) => string;
+            };
+        }, {}, {}, {}, {
+            disabled: boolean;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+        type: {
+            type: PropType<ButtonTypes>;
+        };
+        status: {
+            type: PropType<import('../button/props.ts').ButtonStatus>;
+        };
+        shape: {
+            type: PropType<import('../button/props.ts').ButtonShape>;
+        };
+        size: {
+            type: PropType<ButtonSize>;
+        };
+        disabled: {
+            type: BooleanConstructor;
+        };
+    }>> & Readonly<{}>, {
+        className: {
+            block: string;
+            element: (className: string) => string;
+            modifier: (className: string) => string;
+            is: (className: string) => string;
+        };
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+        disabled: 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;
+    };
+    Dropdown: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        popupVisible: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        defaultPopupVisible: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        trigger: {
+            type: PropType<TriggerEvent | TriggerEvent[]>;
+            default: string;
+        };
+        position: {
+            type: PropType<import('./interface.ts').DropdownPosition>;
+            default: string;
+        };
+        popupContainer: {
+            type: PropType<string | HTMLElement>;
+        };
+        popupMaxHeight: {
+            type: (BooleanConstructor | NumberConstructor)[];
+            default: boolean;
+        };
+        loading: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        isEmpty: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        bottomOffset: {
+            type: NumberConstructor;
+            default: number;
+        };
+        alignPoint: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        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;
+        popupVisibleChange: (visible: boolean) => true;
+        select: (value: string | number | Record<string, any> | undefined, ev: Event) => true;
+        scroll: (ev: Event) => true;
+        reachBottom: (ev: Event) => true;
+    }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        popupVisible: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        defaultPopupVisible: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        trigger: {
+            type: PropType<TriggerEvent | TriggerEvent[]>;
+            default: string;
+        };
+        position: {
+            type: PropType<import('./interface.ts').DropdownPosition>;
+            default: string;
+        };
+        popupContainer: {
+            type: PropType<string | HTMLElement>;
+        };
+        popupMaxHeight: {
+            type: (BooleanConstructor | NumberConstructor)[];
+            default: boolean;
+        };
+        loading: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        isEmpty: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        bottomOffset: {
+            type: NumberConstructor;
+            default: number;
+        };
+        alignPoint: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        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: import('./interface.ts').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>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;