x-next 0.0.0-alpha.50 → 0.0.0-alpha.52

package/dist/components/{scrollbar → scrollbar-v2}/index.d.ts

@@ -1,4 +1,4 @@
-export declare const XScrollbar: {
+export declare const Scrollbar: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
         type: {
             type: import('vue').PropType<"track" | "embed">;
@@ -21,29 +21,28 @@ export declare const XScrollbar: {
             default: boolean;
         };
     }>> & Readonly<{
-        onScroll?: ((...args: any[]) => any) | undefined;
+        onScroll?: ((ev: Event) => any) | undefined;
     }>, {
-        ns: string;
         className: {
             block: string;
             element: (className: string) => string;
             modifier: (className: string) => string;
             is: (className: string) => string;
         };
-        cls: import('vue').ComputedRef<(string | false | Record<string, any> | unknown[] | undefined)[]>;
-        style: import('vue').ComputedRef<(string | false | import('vue').CSSProperties | import('vue').StyleValue[])[]>;
+        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('./src/types').ThumbData | undefined, import('./src/types').ThumbData | undefined>;
-        verticalData: import('vue').Ref<import('./src/types').ThumbData | undefined, import('./src/types').ThumbData | undefined>;
+        horizontalData: import('vue').Ref<import('./interface').ThumbData | undefined, import('./interface').ThumbData | undefined>;
+        verticalData: import('vue').Ref<import('./interface').ThumbData | undefined, import('./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;
-        handleResize: () => void;
     }, {}, {}, {
         scrollTo(options?: number | {
             left?: number;
@@ -51,18 +50,31 @@ export declare const XScrollbar: {
         }, y?: number): void;
         scrollTop(top: number): void;
         scrollLeft(left: number): void;
-    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "scroll"[], import('vue').PublicProps, {
+    }, 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('./src/types').ThumbData>;
+                type: import('vue').PropType<import('./interface').ThumbData>;
             };
             direction: {
-                type: import('vue').PropType<import('./src/types').Direction>;
+                type: import('vue').PropType<import('../../_utils/constant').Direction>;
                 default: string;
             };
             alwaysShow: {
@@ -74,15 +86,30 @@ export declare const XScrollbar: {
                 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: (...args: any[]) => void;
-        }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "scroll"[], "scroll", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
             data: {
-                type: import('vue').PropType<import('./src/types').ThumbData>;
+                type: import('vue').PropType<import('./interface').ThumbData>;
             };
             direction: {
-                type: import('vue').PropType<import('./src/types').Direction>;
+                type: import('vue').PropType<import('../../_utils/constant').Direction>;
                 default: string;
             };
             alwaysShow: {
@@ -99,15 +126,7 @@ export declare const XScrollbar: {
             direction: "horizontal" | "vertical";
             both: boolean;
             alwaysShow: boolean;
-        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
-            trackRef: HTMLDivElement;
-            thumbRef: HTMLDivElement;
-        }, HTMLDivElement>;
-        ResizeObserver: import('vue').DefineComponent<{}, () => 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<{}> & Readonly<{
-            onResize?: ((...args: any[]) => any) | undefined;
-        }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     } & import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -137,29 +156,28 @@ export declare const XScrollbar: {
             default: boolean;
         };
     }>> & Readonly<{
-        onScroll?: ((...args: any[]) => any) | undefined;
+        onScroll?: ((ev: Event) => any) | undefined;
     }>, {
-        ns: string;
         className: {
             block: string;
             element: (className: string) => string;
             modifier: (className: string) => string;
             is: (className: string) => string;
         };
-        cls: import('vue').ComputedRef<(string | false | Record<string, any> | unknown[] | undefined)[]>;
-        style: import('vue').ComputedRef<(string | false | import('vue').CSSProperties | import('vue').StyleValue[])[]>;
+        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('./src/types').ThumbData | undefined, import('./src/types').ThumbData | undefined>;
-        verticalData: import('vue').Ref<import('./src/types').ThumbData | undefined, import('./src/types').ThumbData | undefined>;
+        horizontalData: import('vue').Ref<import('./interface').ThumbData | undefined, import('./interface').ThumbData | undefined>;
+        verticalData: import('vue').Ref<import('./interface').ThumbData | undefined, import('./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;
-        handleResize: () => void;
     }, {}, {}, {
         scrollTo(options?: number | {
             left?: number;
@@ -198,29 +216,28 @@ export declare const XScrollbar: {
         default: boolean;
     };
 }>> & Readonly<{
-    onScroll?: ((...args: any[]) => any) | undefined;
+    onScroll?: ((ev: Event) => any) | undefined;
 }>, {
-    ns: string;
     className: {
         block: string;
         element: (className: string) => string;
         modifier: (className: string) => string;
         is: (className: string) => string;
     };
-    cls: import('vue').ComputedRef<(string | false | Record<string, any> | unknown[] | undefined)[]>;
-    style: import('vue').ComputedRef<(string | false | import('vue').CSSProperties | import('vue').StyleValue[])[]>;
+    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('./src/types').ThumbData | undefined, import('./src/types').ThumbData | undefined>;
-    verticalData: import('vue').Ref<import('./src/types').ThumbData | undefined, import('./src/types').ThumbData | undefined>;
+    horizontalData: import('vue').Ref<import('./interface').ThumbData | undefined, import('./interface').ThumbData | undefined>;
+    verticalData: import('vue').Ref<import('./interface').ThumbData | undefined, import('./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;
-    handleResize: () => void;
 }, {}, {}, {
     scrollTo(options?: number | {
         left?: number;
@@ -228,18 +245,31 @@ export declare const XScrollbar: {
     }, y?: number): void;
     scrollTop(top: number): void;
     scrollLeft(left: number): void;
-}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "scroll"[], "scroll", {
+}, 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('./src/types').ThumbData>;
+            type: import('vue').PropType<import('./interface').ThumbData>;
         };
         direction: {
-            type: import('vue').PropType<import('./src/types').Direction>;
+            type: import('vue').PropType<import('../../_utils/constant').Direction>;
             default: string;
         };
         alwaysShow: {
@@ -251,15 +281,30 @@ export declare const XScrollbar: {
             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: (...args: any[]) => void;
-    }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "scroll"[], "scroll", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         data: {
-            type: import('vue').PropType<import('./src/types').ThumbData>;
+            type: import('vue').PropType<import('./interface').ThumbData>;
         };
         direction: {
-            type: import('vue').PropType<import('./src/types').Direction>;
+            type: import('vue').PropType<import('../../_utils/constant').Direction>;
             default: string;
         };
         alwaysShow: {
@@ -276,16 +321,8 @@ export declare const XScrollbar: {
         direction: "horizontal" | "vertical";
         both: boolean;
         alwaysShow: boolean;
-    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
-        trackRef: HTMLDivElement;
-        thumbRef: HTMLDivElement;
-    }, HTMLDivElement>;
-    ResizeObserver: import('vue').DefineComponent<{}, () => 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<{}> & Readonly<{
-        onResize?: ((...args: any[]) => any) | undefined;
-    }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    }, {}, {}, {}, 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;
 };
-export { XScrollbar as default };
+export { Scrollbar as default };

package/dist/components/{scrollbar/src/types.d.ts → scrollbar-v2/interface.d.ts}

@@ -1,5 +1,3 @@
-export declare const DIRECTIONS: readonly ["horizontal", "vertical"];
-export type Direction = (typeof DIRECTIONS)[number];
 export interface ThumbData {
     ratio: number;
     thumbSize: number;

package/dist/components/scrollbar-v2/thumb.vue.d.ts

@@ -0,0 +1,62 @@
+import { PropType } from 'vue';
+import { ThumbData } from './interface';
+import { Direction } from '../../_utils/constant';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    data: {
+        type: PropType<ThumbData>;
+    };
+    direction: {
+        type: PropType<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: PropType<ThumbData>;
+    };
+    direction: {
+        type: PropType<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>;
+export default _default;

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

@@ -1,4 +1,4 @@
-export declare const XSpace: {
+export declare const Space: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
         direction: {
             type: import('vue').PropType<"horizontal" | "vertical">;
@@ -79,4 +79,4 @@ export declare const XSpace: {
 }, {}, 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;
 };
-export { XSpace as default };
+export { Space as default };

package/dist/components/tabs/TabPane.vue.d.ts

@@ -0,0 +1,78 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /**
+     * @zh 选项卡的标题
+     * @en Title of the tab
+     */
+    title: StringConstructor;
+    /**
+     * @zh 是否禁用
+     * @en Whether to disable
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 是否允许关闭此选项卡（仅在可编辑模式生效）
+     * @en Whether to allow this tab to be closed (only effective in editable mode)
+     */
+    closable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 是否在不显示标签时销毁内容
+     * @en Whether to destroy the content when the label is not displayed
+     * @version 2.27.0
+     */
+    destroyOnHide: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {
+    className: {
+        block: string;
+        element: (className: string) => string;
+        modifier: (className: string) => string;
+        is: (className: string) => string;
+    };
+    active: import('vue').ComputedRef<boolean>;
+    itemRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+    mounted: import('vue').Ref<boolean, boolean>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /**
+     * @zh 选项卡的标题
+     * @en Title of the tab
+     */
+    title: StringConstructor;
+    /**
+     * @zh 是否禁用
+     * @en Whether to disable
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 是否允许关闭此选项卡（仅在可编辑模式生效）
+     * @en Whether to allow this tab to be closed (only effective in editable mode)
+     */
+    closable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 是否在不显示标签时销毁内容
+     * @en Whether to destroy the content when the label is not displayed
+     * @version 2.27.0
+     */
+    destroyOnHide: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    disabled: boolean;
+    closable: boolean;
+    destroyOnHide: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;