x-next 0.0.0-alpha.9 → 1.0.0

package/dist/components/scrollbar-v2/index.d.ts

@@ -0,0 +1,324 @@
+export type { ScrollbarProps } from './interface.ts';
+export declare const 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;
+        };
+        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('./interface.ts').ThumbData | undefined, import('./interface.ts').ThumbData | undefined>;
+        verticalData: import('vue').Ref<import('./interface.ts').ThumbData | undefined, import('./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: import('vue').PropType<import('./interface.ts').ThumbData>;
+            };
+            direction: {
+                type: import('vue').PropType<import('../../_utils/constant.ts').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: import('vue').PropType<import('./interface.ts').ThumbData>;
+            };
+            direction: {
+                type: import('vue').PropType<import('../../_utils/constant.ts').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: 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;
+        };
+        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('./interface.ts').ThumbData | undefined, import('./interface.ts').ThumbData | undefined>;
+        verticalData: import('vue').Ref<import('./interface.ts').ThumbData | undefined, import('./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: 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;
+    };
+    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('./interface.ts').ThumbData | undefined, import('./interface.ts').ThumbData | undefined>;
+    verticalData: import('vue').Ref<import('./interface.ts').ThumbData | undefined, import('./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: import('vue').PropType<import('./interface.ts').ThumbData>;
+        };
+        direction: {
+            type: import('vue').PropType<import('../../_utils/constant.ts').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: import('vue').PropType<import('./interface.ts').ThumbData>;
+        };
+        direction: {
+            type: import('vue').PropType<import('../../_utils/constant.ts').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;
+};
+export { Scrollbar as default };

package/dist/components/scrollbar-v2/interface.d.ts

@@ -0,0 +1,23 @@
+export interface ThumbData {
+    ratio: number;
+    thumbSize: number;
+    max: number;
+}
+export interface ThumbMap {
+    size: 'width' | 'height';
+    direction: 'left' | 'top';
+    client: 'clientX' | 'clientY';
+}
+export interface ScrollbarProps {
+    type?: 'track' | 'embed';
+    outerClass?: any;
+    outerStyle?: any;
+    /**
+     * Internal compatibility option for composite components.
+     * Hides custom thumbs but keeps native scrolling available.
+     */
+    hide?: boolean;
+    disableHorizontal?: boolean;
+    disableVertical?: boolean;
+    horizontalWheel?: boolean;
+}

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

@@ -0,0 +1,43 @@
+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;
+    };
+}>, {
+    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;
+    };
+}>> & Readonly<{
+    onScroll?: ((...args: any[]) => any) | undefined;
+}>, {
+    direction: "horizontal" | "vertical";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/skeleton/Skeleton.vue.d.ts

@@ -0,0 +1,43 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /**
+     * @zh 是否展示骨架屏（加载中状态）
+     * @en Whether to display the skeleton screen (loading state)
+     */
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 是否开启骨架屏动画
+     * @en Whether to enable skeleton screen animation
+     */
+    animation: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {
+    cls: import('vue').ComputedRef<(string | {
+        [x: string]: boolean;
+    })[]>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /**
+     * @zh 是否展示骨架屏（加载中状态）
+     * @en Whether to display the skeleton screen (loading state)
+     */
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 是否开启骨架屏动画
+     * @en Whether to enable skeleton screen animation
+     */
+    animation: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    animation: boolean;
+    loading: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/skeleton/SkeletonLine.vue.d.ts

@@ -0,0 +1,82 @@
+import { PropType, CSSProperties } from 'vue';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /**
+     * @zh 展示的行数
+     * @en Number of rows displayed
+     */
+    rows: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * @zh 线型骨架的宽度
+     * @en The width of the line skeleton
+     */
+    widths: {
+        type: PropType<Array<number | string>>;
+        default: () => never[];
+    };
+    /**
+     * @zh 线型骨架的行高
+     * @en Line height of the line skeleton
+     */
+    lineHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * @zh 线型骨架的行间距
+     * @en Line spacing of line skeleton
+     */
+    lineSpacing: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>, {
+    className: {
+        block: string;
+        element: (className: string) => string;
+        modifier: (className: string) => string;
+        is: (className: string) => string;
+    };
+    lines: import('vue').ComputedRef<CSSProperties[]>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /**
+     * @zh 展示的行数
+     * @en Number of rows displayed
+     */
+    rows: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * @zh 线型骨架的宽度
+     * @en The width of the line skeleton
+     */
+    widths: {
+        type: PropType<Array<number | string>>;
+        default: () => never[];
+    };
+    /**
+     * @zh 线型骨架的行高
+     * @en Line height of the line skeleton
+     */
+    lineHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * @zh 线型骨架的行间距
+     * @en Line spacing of line skeleton
+     */
+    lineSpacing: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>> & Readonly<{}>, {
+    lineHeight: number;
+    rows: number;
+    widths: (string | number)[];
+    lineSpacing: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/skeleton/SkeletonShape.vue.d.ts

@@ -0,0 +1,46 @@
+import { PropType } from 'vue';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /**
+     * @zh 图形骨架的形状
+     * @en The shape of the shape skeleton
+     * @values 'square', 'circle'
+     */
+    shape: {
+        type: PropType<"square" | "circle">;
+        default: string;
+    };
+    /**
+     * @zh 图形骨架的大小
+     * @en The size of the shape skeleton
+     * @values 'small', 'medium', 'large'
+     */
+    size: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {
+    cls: import('vue').ComputedRef<string[]>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /**
+     * @zh 图形骨架的形状
+     * @en The shape of the shape skeleton
+     * @values 'square', 'circle'
+     */
+    shape: {
+        type: PropType<"square" | "circle">;
+        default: string;
+    };
+    /**
+     * @zh 图形骨架的大小
+     * @en The size of the shape skeleton
+     * @values 'small', 'medium', 'large'
+     */
+    size: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    size: string;
+    shape: "square" | "circle";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;