x-next 0.0.0-alpha.7 → 0.0.0-alpha.70

package/dist/components/drawer/index.d.ts

@@ -0,0 +1,1596 @@
+export declare const Drawer: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        modelValue: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        placement: {
+            type: import('vue').PropType<import('./src/types').Placement>;
+            default: string;
+        };
+        title: {
+            type: StringConstructor;
+            default: string;
+        };
+        mask: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showFooter: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        maskToClose: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        escToClose: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        destroyOnClosed: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        width: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
+        };
+        height: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
+        };
+        okText: {
+            type: StringConstructor;
+            default: string;
+        };
+        cancelText: {
+            type: StringConstructor;
+            default: string;
+        };
+        onBeforeOk: {
+            type: import('vue').PropType<() => boolean | Promise<boolean>>;
+        };
+        onBeforeCancel: {
+            type: import('vue').PropType<() => boolean | Promise<boolean>>;
+        };
+        renderTo: {
+            type: import('vue').PropType<string | HTMLElement>;
+            default: string;
+        };
+        popupClass: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        showClose: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onClose?: ((...args: any[]) => any) | undefined;
+        onOpen?: ((...args: any[]) => any) | undefined;
+        onClosed?: ((...args: any[]) => any) | undefined;
+        onOpened?: ((...args: any[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    }>, {
+        className: {
+            block: string;
+            element: (className: string) => string;
+            modifier: (className: string) => string;
+            is: (className: string) => string;
+        };
+        containerStyle: import('vue').ComputedRef<import('vue').CSSProperties>;
+        drawerStyle: import('vue').ComputedRef<import('vue').CSSProperties>;
+        teleportContainer: import('vue').ComputedRef<HTMLElement | undefined>;
+        drawerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+        modelVisible: import('vue').ComputedRef<boolean>;
+        mergeVisible: import('vue').ComputedRef<boolean>;
+        drawerBodyStyle: import('vue').ComputedRef<import('vue').CSSProperties>;
+        handleMask: () => void;
+        afterEnter: () => void;
+        afterLeave: () => void;
+        interceptClose: (action: "ok" | "cancel", e?: Event) => void;
+        handleCancel: (e: Event) => void;
+        handleOk: (e: Event) => void;
+        loadingObj: {
+            ok: boolean;
+            cancel: boolean;
+        };
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("close" | "open" | "closed" | "opened" | "update:modelValue")[], import('vue').PublicProps, {
+        disabled: boolean;
+        title: string;
+        mask: boolean;
+        height: string | number;
+        width: string | number;
+        renderTo: string | HTMLElement;
+        modelValue: boolean;
+        destroyOnClosed: boolean;
+        maskToClose: boolean;
+        escToClose: boolean;
+        popupClass: string;
+        showClose: boolean;
+        placement: import('./src/types').Placement;
+        showFooter: boolean;
+        okText: string;
+        cancelText: string;
+    }, true, {}, {}, {
+        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: import('vue').PropType<import('../button/props').ButtonShape>;
+                    default: undefined;
+                };
+                link: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                type: {
+                    type: import('vue').PropType<import('../button/props').ButtonTypes>;
+                    default: string;
+                };
+                status: {
+                    type: import('vue').PropType<import('../button/props').ButtonStatus>;
+                    default: string;
+                };
+                plain: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                size: {
+                    type: import('vue').PropType<import('../button/props').ButtonSize>;
+                    default: string;
+                };
+                border: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                narrow: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>> & Readonly<{
+                onClick?: ((...args: any[]) => any) | undefined;
+            }>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], import('vue').PublicProps, {
+                type: import('../button/props').ButtonTypes;
+                size: import('../button/props').ButtonSize;
+                disabled: boolean;
+                link: boolean;
+                block: boolean;
+                loading: boolean;
+                loadingFill: boolean;
+                debounce: number;
+                shape: import('../button/props').ButtonShape;
+                status: import('../button/props').ButtonStatus;
+                plain: boolean;
+                border: boolean;
+                narrow: boolean;
+            }, true, {}, {}, import('vue').GlobalComponents, 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: import('vue').PropType<import('../button/props').ButtonShape>;
+                    default: undefined;
+                };
+                link: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                type: {
+                    type: import('vue').PropType<import('../button/props').ButtonTypes>;
+                    default: string;
+                };
+                status: {
+                    type: import('vue').PropType<import('../button/props').ButtonStatus>;
+                    default: string;
+                };
+                plain: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                size: {
+                    type: import('vue').PropType<import('../button/props').ButtonSize>;
+                    default: string;
+                };
+                border: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                narrow: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>> & Readonly<{
+                onClick?: ((...args: any[]) => any) | undefined;
+            }>, () => VNode, {}, {}, {}, {
+                type: import('../button/props').ButtonTypes;
+                size: import('../button/props').ButtonSize;
+                disabled: boolean;
+                link: boolean;
+                block: boolean;
+                loading: boolean;
+                loadingFill: boolean;
+                debounce: number;
+                shape: import('../button/props').ButtonShape;
+                status: import('../button/props').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: import('vue').PropType<import('../button/props').ButtonShape>;
+                default: undefined;
+            };
+            link: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            type: {
+                type: import('vue').PropType<import('../button/props').ButtonTypes>;
+                default: string;
+            };
+            status: {
+                type: import('vue').PropType<import('../button/props').ButtonStatus>;
+                default: string;
+            };
+            plain: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            size: {
+                type: import('vue').PropType<import('../button/props').ButtonSize>;
+                default: string;
+            };
+            border: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            narrow: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & Readonly<{
+            onClick?: ((...args: any[]) => any) | undefined;
+        }>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", {
+            type: import('../button/props').ButtonTypes;
+            size: import('../button/props').ButtonSize;
+            disabled: boolean;
+            link: boolean;
+            block: boolean;
+            loading: boolean;
+            loadingFill: boolean;
+            debounce: number;
+            shape: import('../button/props').ButtonShape;
+            status: import('../button/props').ButtonStatus;
+            plain: boolean;
+            border: boolean;
+            narrow: 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;
+        };
+        Space: {
+            new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+                direction: {
+                    type: import('vue').PropType<"horizontal" | "vertical">;
+                    default: string;
+                };
+                size: {
+                    type: import('vue').PropType<number | "mini" | "small" | "medium" | "large">;
+                    default: string;
+                };
+                align: {
+                    type: import('vue').PropType<"start" | "end" | "center" | "baseline" | "space-between">;
+                    default: string;
+                };
+                block: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>> & Readonly<{}>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+                size: number | "mini" | "small" | "medium" | "large";
+                block: boolean;
+                direction: "horizontal" | "vertical";
+                align: "center" | "space-between" | "end" | "start" | "baseline";
+            }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, Readonly<import('vue').ExtractPropTypes<{
+                direction: {
+                    type: import('vue').PropType<"horizontal" | "vertical">;
+                    default: string;
+                };
+                size: {
+                    type: import('vue').PropType<number | "mini" | "small" | "medium" | "large">;
+                    default: string;
+                };
+                align: {
+                    type: import('vue').PropType<"start" | "end" | "center" | "baseline" | "space-between">;
+                    default: string;
+                };
+                block: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>> & Readonly<{}>, () => VNode, {}, {}, {}, {
+                size: number | "mini" | "small" | "medium" | "large";
+                block: boolean;
+                direction: "horizontal" | "vertical";
+                align: "center" | "space-between" | "end" | "start" | "baseline";
+            }>;
+            __isFragment?: never;
+            __isTeleport?: never;
+            __isSuspense?: never;
+        } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+            direction: {
+                type: import('vue').PropType<"horizontal" | "vertical">;
+                default: string;
+            };
+            size: {
+                type: import('vue').PropType<number | "mini" | "small" | "medium" | "large">;
+                default: string;
+            };
+            align: {
+                type: import('vue').PropType<"start" | "end" | "center" | "baseline" | "space-between">;
+                default: string;
+            };
+            block: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & Readonly<{}>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+            size: number | "mini" | "small" | "medium" | "large";
+            block: boolean;
+            direction: "horizontal" | "vertical";
+            align: "center" | "space-between" | "end" | "start" | "baseline";
+        }, {}, 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;
+        };
+        Scrollbar: {
+            new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+                type: {
+                    type: import('vue').PropType<"track" | "embed">;
+                    default: string;
+                };
+                outerClass: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+                outerStyle: {
+                    type: import('vue').PropType<import('vue').StyleValue>;
+                };
+                hide: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                disableHorizontal: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                disableVertical: {
+                    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<(string | Record<string, any> | unknown[] | undefined)[]>;
+                style: import('vue').ComputedRef<import('vue').StyleValue[]>;
+                containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+                horizontalThumbRef: import('vue').Ref<any, any>;
+                verticalThumbRef: import('vue').Ref<any, any>;
+                horizontalData: import('vue').Ref<import('../scrollbar-v2/interface').ThumbData | undefined, import('../scrollbar-v2/interface').ThumbData | undefined>;
+                verticalData: import('vue').Ref<import('../scrollbar-v2/interface').ThumbData | undefined, import('../scrollbar-v2/interface').ThumbData | undefined>;
+                isBoth: import('vue').Ref<boolean, boolean>;
+                hasHorizontalScrollbar: import('vue').ComputedRef<boolean>;
+                hasVerticalScrollbar: import('vue').ComputedRef<boolean>;
+                handleResize: () => void;
+                handleScroll: (ev: Event) => void;
+                handleHorizontalScroll: (offset: number) => void;
+                handleVerticalScroll: (offset: number) => void;
+            }, {}, {}, {
+                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;
+            }, true, {}, {}, {
+                ResizeObserver: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    watchOnUpdated: BooleanConstructor;
+                }>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[] | undefined, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "resize"[], "resize", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    watchOnUpdated: BooleanConstructor;
+                }>> & Readonly<{
+                    onResize?: ((...args: any[]) => any) | undefined;
+                }>, {
+                    watchOnUpdated: boolean;
+                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+                Thumb: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    data: {
+                        type: import('vue').PropType<import('../scrollbar-v2/interface').ThumbData>;
+                    };
+                    direction: {
+                        type: import('vue').PropType<import('../../_utils/constant').Direction>;
+                        default: string;
+                    };
+                    alwaysShow: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    both: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                }>, {
+                    visible: import('vue').Ref<boolean, boolean>;
+                    trackRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+                    thumbRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+                    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: import('vue').PropType<import('../scrollbar-v2/interface').ThumbData>;
+                    };
+                    direction: {
+                        type: import('vue').PropType<import('../../_utils/constant').Direction>;
+                        default: string;
+                    };
+                    alwaysShow: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    both: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                }>> & Readonly<{
+                    onScroll?: ((...args: any[]) => any) | undefined;
+                }>, {
+                    direction: "horizontal" | "vertical";
+                    both: boolean;
+                    alwaysShow: boolean;
+                }, {}, {}, {}, 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: import('vue').PropType<"track" | "embed">;
+                    default: string;
+                };
+                outerClass: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+                outerStyle: {
+                    type: import('vue').PropType<import('vue').StyleValue>;
+                };
+                hide: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                disableHorizontal: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                disableVertical: {
+                    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<(string | Record<string, any> | unknown[] | undefined)[]>;
+                style: import('vue').ComputedRef<import('vue').StyleValue[]>;
+                containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+                horizontalThumbRef: import('vue').Ref<any, any>;
+                verticalThumbRef: import('vue').Ref<any, any>;
+                horizontalData: import('vue').Ref<import('../scrollbar-v2/interface').ThumbData | undefined, import('../scrollbar-v2/interface').ThumbData | undefined>;
+                verticalData: import('vue').Ref<import('../scrollbar-v2/interface').ThumbData | undefined, import('../scrollbar-v2/interface').ThumbData | undefined>;
+                isBoth: import('vue').Ref<boolean, boolean>;
+                hasHorizontalScrollbar: import('vue').ComputedRef<boolean>;
+                hasVerticalScrollbar: import('vue').ComputedRef<boolean>;
+                handleResize: () => void;
+                handleScroll: (ev: Event) => void;
+                handleHorizontalScroll: (offset: number) => void;
+                handleVerticalScroll: (offset: number) => void;
+            }, {}, {}, {
+                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;
+            }>;
+            __isFragment?: never;
+            __isTeleport?: never;
+            __isSuspense?: never;
+        } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+            type: {
+                type: import('vue').PropType<"track" | "embed">;
+                default: string;
+            };
+            outerClass: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+            outerStyle: {
+                type: import('vue').PropType<import('vue').StyleValue>;
+            };
+            hide: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            disableHorizontal: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            disableVertical: {
+                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<(string | Record<string, any> | unknown[] | undefined)[]>;
+            style: import('vue').ComputedRef<import('vue').StyleValue[]>;
+            containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+            horizontalThumbRef: import('vue').Ref<any, any>;
+            verticalThumbRef: import('vue').Ref<any, any>;
+            horizontalData: import('vue').Ref<import('../scrollbar-v2/interface').ThumbData | undefined, import('../scrollbar-v2/interface').ThumbData | undefined>;
+            verticalData: import('vue').Ref<import('../scrollbar-v2/interface').ThumbData | undefined, import('../scrollbar-v2/interface').ThumbData | undefined>;
+            isBoth: import('vue').Ref<boolean, boolean>;
+            hasHorizontalScrollbar: import('vue').ComputedRef<boolean>;
+            hasVerticalScrollbar: import('vue').ComputedRef<boolean>;
+            handleResize: () => void;
+            handleScroll: (ev: Event) => void;
+            handleHorizontalScroll: (offset: number) => void;
+            handleVerticalScroll: (offset: number) => void;
+        }, {}, {}, {
+            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;
+        }, {}, string, {}, {
+            ResizeObserver: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                watchOnUpdated: BooleanConstructor;
+            }>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                [key: string]: any;
+            }>[] | undefined, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "resize"[], "resize", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                watchOnUpdated: BooleanConstructor;
+            }>> & Readonly<{
+                onResize?: ((...args: any[]) => any) | undefined;
+            }>, {
+                watchOnUpdated: boolean;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            Thumb: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                data: {
+                    type: import('vue').PropType<import('../scrollbar-v2/interface').ThumbData>;
+                };
+                direction: {
+                    type: import('vue').PropType<import('../../_utils/constant').Direction>;
+                    default: string;
+                };
+                alwaysShow: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                both: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>, {
+                visible: import('vue').Ref<boolean, boolean>;
+                trackRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+                thumbRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+                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: import('vue').PropType<import('../scrollbar-v2/interface').ThumbData>;
+                };
+                direction: {
+                    type: import('vue').PropType<import('../../_utils/constant').Direction>;
+                    default: string;
+                };
+                alwaysShow: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                both: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>> & Readonly<{
+                onScroll?: ((...args: any[]) => any) | undefined;
+            }>, {
+                direction: "horizontal" | "vertical";
+                both: boolean;
+                alwaysShow: boolean;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        } & import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
+            install(app: import('vue').App): void;
+        };
+    } & import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        modelValue: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        placement: {
+            type: import('vue').PropType<import('./src/types').Placement>;
+            default: string;
+        };
+        title: {
+            type: StringConstructor;
+            default: string;
+        };
+        mask: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showFooter: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        maskToClose: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        escToClose: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        destroyOnClosed: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        width: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
+        };
+        height: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
+        };
+        okText: {
+            type: StringConstructor;
+            default: string;
+        };
+        cancelText: {
+            type: StringConstructor;
+            default: string;
+        };
+        onBeforeOk: {
+            type: import('vue').PropType<() => boolean | Promise<boolean>>;
+        };
+        onBeforeCancel: {
+            type: import('vue').PropType<() => boolean | Promise<boolean>>;
+        };
+        renderTo: {
+            type: import('vue').PropType<string | HTMLElement>;
+            default: string;
+        };
+        popupClass: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        showClose: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onClose?: ((...args: any[]) => any) | undefined;
+        onOpen?: ((...args: any[]) => any) | undefined;
+        onClosed?: ((...args: any[]) => any) | undefined;
+        onOpened?: ((...args: any[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    }>, {
+        className: {
+            block: string;
+            element: (className: string) => string;
+            modifier: (className: string) => string;
+            is: (className: string) => string;
+        };
+        containerStyle: import('vue').ComputedRef<import('vue').CSSProperties>;
+        drawerStyle: import('vue').ComputedRef<import('vue').CSSProperties>;
+        teleportContainer: import('vue').ComputedRef<HTMLElement | undefined>;
+        drawerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+        modelVisible: import('vue').ComputedRef<boolean>;
+        mergeVisible: import('vue').ComputedRef<boolean>;
+        drawerBodyStyle: import('vue').ComputedRef<import('vue').CSSProperties>;
+        handleMask: () => void;
+        afterEnter: () => void;
+        afterLeave: () => void;
+        interceptClose: (action: "ok" | "cancel", e?: Event) => void;
+        handleCancel: (e: Event) => void;
+        handleOk: (e: Event) => void;
+        loadingObj: {
+            ok: boolean;
+            cancel: boolean;
+        };
+    }, {}, {}, {}, {
+        disabled: boolean;
+        title: string;
+        mask: boolean;
+        height: string | number;
+        width: string | number;
+        renderTo: string | HTMLElement;
+        modelValue: boolean;
+        destroyOnClosed: boolean;
+        maskToClose: boolean;
+        escToClose: boolean;
+        popupClass: string;
+        showClose: boolean;
+        placement: import('./src/types').Placement;
+        showFooter: boolean;
+        okText: string;
+        cancelText: string;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placement: {
+        type: import('vue').PropType<import('./src/types').Placement>;
+        default: string;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    mask: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showFooter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maskToClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    escToClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    destroyOnClosed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    width: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    height: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    okText: {
+        type: StringConstructor;
+        default: string;
+    };
+    cancelText: {
+        type: StringConstructor;
+        default: string;
+    };
+    onBeforeOk: {
+        type: import('vue').PropType<() => boolean | Promise<boolean>>;
+    };
+    onBeforeCancel: {
+        type: import('vue').PropType<() => boolean | Promise<boolean>>;
+    };
+    renderTo: {
+        type: import('vue').PropType<string | HTMLElement>;
+        default: string;
+    };
+    popupClass: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    showClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onClose?: ((...args: any[]) => any) | undefined;
+    onOpen?: ((...args: any[]) => any) | undefined;
+    onClosed?: ((...args: any[]) => any) | undefined;
+    onOpened?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    className: {
+        block: string;
+        element: (className: string) => string;
+        modifier: (className: string) => string;
+        is: (className: string) => string;
+    };
+    containerStyle: import('vue').ComputedRef<import('vue').CSSProperties>;
+    drawerStyle: import('vue').ComputedRef<import('vue').CSSProperties>;
+    teleportContainer: import('vue').ComputedRef<HTMLElement | undefined>;
+    drawerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+    modelVisible: import('vue').ComputedRef<boolean>;
+    mergeVisible: import('vue').ComputedRef<boolean>;
+    drawerBodyStyle: import('vue').ComputedRef<import('vue').CSSProperties>;
+    handleMask: () => void;
+    afterEnter: () => void;
+    afterLeave: () => void;
+    interceptClose: (action: "ok" | "cancel", e?: Event) => void;
+    handleCancel: (e: Event) => void;
+    handleOk: (e: Event) => void;
+    loadingObj: {
+        ok: boolean;
+        cancel: boolean;
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("close" | "open" | "closed" | "opened" | "update:modelValue")[], "close" | "open" | "closed" | "opened" | "update:modelValue", {
+    disabled: boolean;
+    title: string;
+    mask: boolean;
+    height: string | number;
+    width: string | number;
+    renderTo: string | HTMLElement;
+    modelValue: boolean;
+    destroyOnClosed: boolean;
+    maskToClose: boolean;
+    escToClose: boolean;
+    popupClass: string;
+    showClose: boolean;
+    placement: import('./src/types').Placement;
+    showFooter: boolean;
+    okText: string;
+    cancelText: string;
+}, {}, string, {}, {
+    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: import('vue').PropType<import('../button/props').ButtonShape>;
+                default: undefined;
+            };
+            link: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            type: {
+                type: import('vue').PropType<import('../button/props').ButtonTypes>;
+                default: string;
+            };
+            status: {
+                type: import('vue').PropType<import('../button/props').ButtonStatus>;
+                default: string;
+            };
+            plain: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            size: {
+                type: import('vue').PropType<import('../button/props').ButtonSize>;
+                default: string;
+            };
+            border: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            narrow: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & Readonly<{
+            onClick?: ((...args: any[]) => any) | undefined;
+        }>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], import('vue').PublicProps, {
+            type: import('../button/props').ButtonTypes;
+            size: import('../button/props').ButtonSize;
+            disabled: boolean;
+            link: boolean;
+            block: boolean;
+            loading: boolean;
+            loadingFill: boolean;
+            debounce: number;
+            shape: import('../button/props').ButtonShape;
+            status: import('../button/props').ButtonStatus;
+            plain: boolean;
+            border: boolean;
+            narrow: boolean;
+        }, true, {}, {}, import('vue').GlobalComponents, 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: import('vue').PropType<import('../button/props').ButtonShape>;
+                default: undefined;
+            };
+            link: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            type: {
+                type: import('vue').PropType<import('../button/props').ButtonTypes>;
+                default: string;
+            };
+            status: {
+                type: import('vue').PropType<import('../button/props').ButtonStatus>;
+                default: string;
+            };
+            plain: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            size: {
+                type: import('vue').PropType<import('../button/props').ButtonSize>;
+                default: string;
+            };
+            border: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            narrow: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & Readonly<{
+            onClick?: ((...args: any[]) => any) | undefined;
+        }>, () => VNode, {}, {}, {}, {
+            type: import('../button/props').ButtonTypes;
+            size: import('../button/props').ButtonSize;
+            disabled: boolean;
+            link: boolean;
+            block: boolean;
+            loading: boolean;
+            loadingFill: boolean;
+            debounce: number;
+            shape: import('../button/props').ButtonShape;
+            status: import('../button/props').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: import('vue').PropType<import('../button/props').ButtonShape>;
+            default: undefined;
+        };
+        link: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        type: {
+            type: import('vue').PropType<import('../button/props').ButtonTypes>;
+            default: string;
+        };
+        status: {
+            type: import('vue').PropType<import('../button/props').ButtonStatus>;
+            default: string;
+        };
+        plain: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        size: {
+            type: import('vue').PropType<import('../button/props').ButtonSize>;
+            default: string;
+        };
+        border: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        narrow: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onClick?: ((...args: any[]) => any) | undefined;
+    }>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", {
+        type: import('../button/props').ButtonTypes;
+        size: import('../button/props').ButtonSize;
+        disabled: boolean;
+        link: boolean;
+        block: boolean;
+        loading: boolean;
+        loadingFill: boolean;
+        debounce: number;
+        shape: import('../button/props').ButtonShape;
+        status: import('../button/props').ButtonStatus;
+        plain: boolean;
+        border: boolean;
+        narrow: 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;
+    };
+    Space: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+            direction: {
+                type: import('vue').PropType<"horizontal" | "vertical">;
+                default: string;
+            };
+            size: {
+                type: import('vue').PropType<number | "mini" | "small" | "medium" | "large">;
+                default: string;
+            };
+            align: {
+                type: import('vue').PropType<"start" | "end" | "center" | "baseline" | "space-between">;
+                default: string;
+            };
+            block: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & Readonly<{}>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+            size: number | "mini" | "small" | "medium" | "large";
+            block: boolean;
+            direction: "horizontal" | "vertical";
+            align: "center" | "space-between" | "end" | "start" | "baseline";
+        }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('vue').ExtractPropTypes<{
+            direction: {
+                type: import('vue').PropType<"horizontal" | "vertical">;
+                default: string;
+            };
+            size: {
+                type: import('vue').PropType<number | "mini" | "small" | "medium" | "large">;
+                default: string;
+            };
+            align: {
+                type: import('vue').PropType<"start" | "end" | "center" | "baseline" | "space-between">;
+                default: string;
+            };
+            block: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & Readonly<{}>, () => VNode, {}, {}, {}, {
+            size: number | "mini" | "small" | "medium" | "large";
+            block: boolean;
+            direction: "horizontal" | "vertical";
+            align: "center" | "space-between" | "end" | "start" | "baseline";
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+        direction: {
+            type: import('vue').PropType<"horizontal" | "vertical">;
+            default: string;
+        };
+        size: {
+            type: import('vue').PropType<number | "mini" | "small" | "medium" | "large">;
+            default: string;
+        };
+        align: {
+            type: import('vue').PropType<"start" | "end" | "center" | "baseline" | "space-between">;
+            default: string;
+        };
+        block: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+        size: number | "mini" | "small" | "medium" | "large";
+        block: boolean;
+        direction: "horizontal" | "vertical";
+        align: "center" | "space-between" | "end" | "start" | "baseline";
+    }, {}, 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;
+    };
+    Scrollbar: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+            type: {
+                type: import('vue').PropType<"track" | "embed">;
+                default: string;
+            };
+            outerClass: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+            outerStyle: {
+                type: import('vue').PropType<import('vue').StyleValue>;
+            };
+            hide: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            disableHorizontal: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            disableVertical: {
+                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<(string | Record<string, any> | unknown[] | undefined)[]>;
+            style: import('vue').ComputedRef<import('vue').StyleValue[]>;
+            containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+            horizontalThumbRef: import('vue').Ref<any, any>;
+            verticalThumbRef: import('vue').Ref<any, any>;
+            horizontalData: import('vue').Ref<import('../scrollbar-v2/interface').ThumbData | undefined, import('../scrollbar-v2/interface').ThumbData | undefined>;
+            verticalData: import('vue').Ref<import('../scrollbar-v2/interface').ThumbData | undefined, import('../scrollbar-v2/interface').ThumbData | undefined>;
+            isBoth: import('vue').Ref<boolean, boolean>;
+            hasHorizontalScrollbar: import('vue').ComputedRef<boolean>;
+            hasVerticalScrollbar: import('vue').ComputedRef<boolean>;
+            handleResize: () => void;
+            handleScroll: (ev: Event) => void;
+            handleHorizontalScroll: (offset: number) => void;
+            handleVerticalScroll: (offset: number) => void;
+        }, {}, {}, {
+            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;
+        }, true, {}, {}, {
+            ResizeObserver: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                watchOnUpdated: BooleanConstructor;
+            }>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                [key: string]: any;
+            }>[] | undefined, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "resize"[], "resize", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                watchOnUpdated: BooleanConstructor;
+            }>> & Readonly<{
+                onResize?: ((...args: any[]) => any) | undefined;
+            }>, {
+                watchOnUpdated: boolean;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            Thumb: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                data: {
+                    type: import('vue').PropType<import('../scrollbar-v2/interface').ThumbData>;
+                };
+                direction: {
+                    type: import('vue').PropType<import('../../_utils/constant').Direction>;
+                    default: string;
+                };
+                alwaysShow: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                both: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>, {
+                visible: import('vue').Ref<boolean, boolean>;
+                trackRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+                thumbRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+                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: import('vue').PropType<import('../scrollbar-v2/interface').ThumbData>;
+                };
+                direction: {
+                    type: import('vue').PropType<import('../../_utils/constant').Direction>;
+                    default: string;
+                };
+                alwaysShow: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                both: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>> & Readonly<{
+                onScroll?: ((...args: any[]) => any) | undefined;
+            }>, {
+                direction: "horizontal" | "vertical";
+                both: boolean;
+                alwaysShow: boolean;
+            }, {}, {}, {}, 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: import('vue').PropType<"track" | "embed">;
+                default: string;
+            };
+            outerClass: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+            outerStyle: {
+                type: import('vue').PropType<import('vue').StyleValue>;
+            };
+            hide: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            disableHorizontal: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            disableVertical: {
+                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<(string | Record<string, any> | unknown[] | undefined)[]>;
+            style: import('vue').ComputedRef<import('vue').StyleValue[]>;
+            containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+            horizontalThumbRef: import('vue').Ref<any, any>;
+            verticalThumbRef: import('vue').Ref<any, any>;
+            horizontalData: import('vue').Ref<import('../scrollbar-v2/interface').ThumbData | undefined, import('../scrollbar-v2/interface').ThumbData | undefined>;
+            verticalData: import('vue').Ref<import('../scrollbar-v2/interface').ThumbData | undefined, import('../scrollbar-v2/interface').ThumbData | undefined>;
+            isBoth: import('vue').Ref<boolean, boolean>;
+            hasHorizontalScrollbar: import('vue').ComputedRef<boolean>;
+            hasVerticalScrollbar: import('vue').ComputedRef<boolean>;
+            handleResize: () => void;
+            handleScroll: (ev: Event) => void;
+            handleHorizontalScroll: (offset: number) => void;
+            handleVerticalScroll: (offset: number) => void;
+        }, {}, {}, {
+            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;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+        type: {
+            type: import('vue').PropType<"track" | "embed">;
+            default: string;
+        };
+        outerClass: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+        outerStyle: {
+            type: import('vue').PropType<import('vue').StyleValue>;
+        };
+        hide: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        disableHorizontal: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        disableVertical: {
+            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<(string | Record<string, any> | unknown[] | undefined)[]>;
+        style: import('vue').ComputedRef<import('vue').StyleValue[]>;
+        containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+        horizontalThumbRef: import('vue').Ref<any, any>;
+        verticalThumbRef: import('vue').Ref<any, any>;
+        horizontalData: import('vue').Ref<import('../scrollbar-v2/interface').ThumbData | undefined, import('../scrollbar-v2/interface').ThumbData | undefined>;
+        verticalData: import('vue').Ref<import('../scrollbar-v2/interface').ThumbData | undefined, import('../scrollbar-v2/interface').ThumbData | undefined>;
+        isBoth: import('vue').Ref<boolean, boolean>;
+        hasHorizontalScrollbar: import('vue').ComputedRef<boolean>;
+        hasVerticalScrollbar: import('vue').ComputedRef<boolean>;
+        handleResize: () => void;
+        handleScroll: (ev: Event) => void;
+        handleHorizontalScroll: (offset: number) => void;
+        handleVerticalScroll: (offset: number) => void;
+    }, {}, {}, {
+        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;
+    }, {}, string, {}, {
+        ResizeObserver: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            watchOnUpdated: BooleanConstructor;
+        }>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+            [key: string]: any;
+        }>[] | undefined, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "resize"[], "resize", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            watchOnUpdated: BooleanConstructor;
+        }>> & Readonly<{
+            onResize?: ((...args: any[]) => any) | undefined;
+        }>, {
+            watchOnUpdated: boolean;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        Thumb: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            data: {
+                type: import('vue').PropType<import('../scrollbar-v2/interface').ThumbData>;
+            };
+            direction: {
+                type: import('vue').PropType<import('../../_utils/constant').Direction>;
+                default: string;
+            };
+            alwaysShow: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            both: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>, {
+            visible: import('vue').Ref<boolean, boolean>;
+            trackRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+            thumbRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+            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: import('vue').PropType<import('../scrollbar-v2/interface').ThumbData>;
+            };
+            direction: {
+                type: import('vue').PropType<import('../../_utils/constant').Direction>;
+                default: string;
+            };
+            alwaysShow: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            both: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & Readonly<{
+            onScroll?: ((...args: any[]) => any) | undefined;
+        }>, {
+            direction: "horizontal" | "vertical";
+            both: boolean;
+            alwaysShow: boolean;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    } & import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
+        install(app: import('vue').App): void;
+    };
+} & 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;
+};
+export { Drawer as default };