x-next 0.0.0-alpha.41 → 0.0.0-alpha.43

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

@@ -0,0 +1,291 @@
+export declare const XScrollbar: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        type: {
+            type: import('vue').PropType<"track" | "embed">;
+            default: string;
+        };
+        outerClass: (ObjectConstructor | StringConstructor | 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?: ((...args: any[]) => 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[])[]>;
+        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>;
+        isBoth: import('vue').Ref<boolean, boolean>;
+        hasHorizontalScrollbar: import('vue').ComputedRef<boolean>;
+        hasVerticalScrollbar: import('vue').ComputedRef<boolean>;
+        handleScroll: (ev: Event) => void;
+        handleHorizontalScroll: (offset: number) => void;
+        handleVerticalScroll: (offset: number) => void;
+        handleResize: () => 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"[], import('vue').PublicProps, {
+        type: "embed" | "track";
+        hide: boolean;
+        disableHorizontal: boolean;
+        disableVertical: boolean;
+    }, true, {}, {}, {
+        Thumb: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            data: {
+                type: import('vue').PropType<import('./src/types').ThumbData>;
+            };
+            direction: {
+                type: import('vue').PropType<import('./src/types').Direction>;
+                default: string;
+            };
+            alwaysShow: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            both: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>, {
+            setOffset: (_offset: number) => void;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            scroll: (...args: any[]) => void;
+        }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            data: {
+                type: import('vue').PropType<import('./src/types').ThumbData>;
+            };
+            direction: {
+                type: import('vue').PropType<import('./src/types').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, {
+            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>;
+    } & 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: (ObjectConstructor | StringConstructor | 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?: ((...args: any[]) => 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[])[]>;
+        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>;
+        isBoth: import('vue').Ref<boolean, boolean>;
+        hasHorizontalScrollbar: import('vue').ComputedRef<boolean>;
+        hasVerticalScrollbar: import('vue').ComputedRef<boolean>;
+        handleScroll: (ev: Event) => void;
+        handleHorizontalScroll: (offset: number) => void;
+        handleVerticalScroll: (offset: number) => void;
+        handleResize: () => 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: (ObjectConstructor | StringConstructor | 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?: ((...args: any[]) => 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[])[]>;
+    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>;
+    isBoth: import('vue').Ref<boolean, boolean>;
+    hasHorizontalScrollbar: import('vue').ComputedRef<boolean>;
+    hasVerticalScrollbar: import('vue').ComputedRef<boolean>;
+    handleScroll: (ev: Event) => void;
+    handleHorizontalScroll: (offset: number) => void;
+    handleVerticalScroll: (offset: number) => void;
+    handleResize: () => 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"[], "scroll", {
+    type: "embed" | "track";
+    hide: boolean;
+    disableHorizontal: boolean;
+    disableVertical: boolean;
+}, {}, string, {}, {
+    Thumb: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        data: {
+            type: import('vue').PropType<import('./src/types').ThumbData>;
+        };
+        direction: {
+            type: import('vue').PropType<import('./src/types').Direction>;
+            default: string;
+        };
+        alwaysShow: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        both: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {
+        setOffset: (_offset: number) => void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        scroll: (...args: any[]) => void;
+    }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        data: {
+            type: import('vue').PropType<import('./src/types').ThumbData>;
+        };
+        direction: {
+            type: import('vue').PropType<import('./src/types').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, {
+        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>;
+} & 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 };

package/dist/components/scrollbar/src/Scrollbar.vue.d.ts

@@ -0,0 +1,134 @@
+import { StyleValue } from 'vue';
+import { ThumbData } from './types';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    type: {
+        type: import('vue').PropType<"track" | "embed">;
+        default: string;
+    };
+    outerClass: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+    outerStyle: {
+        type: import('vue').PropType<StyleValue>;
+    };
+    hide: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disableHorizontal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disableVertical: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {
+    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 | 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<ThumbData | undefined, ThumbData | undefined>;
+    verticalData: import('vue').Ref<ThumbData | undefined, ThumbData | undefined>;
+    isBoth: import('vue').Ref<boolean, boolean>;
+    hasHorizontalScrollbar: import('vue').ComputedRef<boolean>;
+    hasVerticalScrollbar: import('vue').ComputedRef<boolean>;
+    handleScroll: (ev: Event) => void;
+    handleHorizontalScroll: (offset: number) => void;
+    handleVerticalScroll: (offset: number) => void;
+    handleResize: () => 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"[], "scroll", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    type: {
+        type: import('vue').PropType<"track" | "embed">;
+        default: string;
+    };
+    outerClass: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+    outerStyle: {
+        type: import('vue').PropType<StyleValue>;
+    };
+    hide: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disableHorizontal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disableVertical: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onScroll?: ((...args: any[]) => any) | undefined;
+}>, {
+    type: "embed" | "track";
+    hide: boolean;
+    disableHorizontal: boolean;
+    disableVertical: boolean;
+}, {}, {
+    Thumb: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        data: {
+            type: import('vue').PropType<ThumbData>;
+        };
+        direction: {
+            type: import('vue').PropType<import('./types').Direction>;
+            default: string;
+        };
+        alwaysShow: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        both: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {
+        setOffset: (_offset: number) => void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        scroll: (...args: any[]) => void;
+    }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        data: {
+            type: import('vue').PropType<ThumbData>;
+        };
+        direction: {
+            type: import('vue').PropType<import('./types').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, {
+        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>;
+export default _default;

package/dist/components/scrollbar/src/constant.d.ts

@@ -0,0 +1 @@
+export declare const TRACK_SIZE = 6;

package/dist/components/scrollbar/src/scrollbar.d.ts

@@ -0,0 +1,24 @@
+import { PropType, StyleValue, ExtractPropTypes } from 'vue';
+export declare const scrollbarProps: {
+    type: {
+        type: PropType<"track" | "embed">;
+        default: string;
+    };
+    outerClass: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+    outerStyle: {
+        type: PropType<StyleValue>;
+    };
+    hide: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disableHorizontal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disableVertical: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+export type ScrollProps = ExtractPropTypes<typeof scrollbarProps>;

package/dist/components/scrollbar/src/thumb.d.ts

@@ -0,0 +1,20 @@
+import { PropType, ExtractPropTypes } from 'vue';
+import { Direction, ThumbData } from './types';
+export declare const thumbProps: {
+    data: {
+        type: PropType<ThumbData>;
+    };
+    direction: {
+        type: PropType<Direction>;
+        default: string;
+    };
+    alwaysShow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    both: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+export type ThumbProps = ExtractPropTypes<typeof thumbProps>;

package/dist/components/scrollbar/src/thumb.vue.d.ts

@@ -0,0 +1,47 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    data: {
+        type: import('vue').PropType<import('./types').ThumbData>;
+    };
+    direction: {
+        type: import('vue').PropType<import('./types').Direction>;
+        default: string;
+    };
+    alwaysShow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    both: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {
+    setOffset: (_offset: number) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    scroll: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    data: {
+        type: import('vue').PropType<import('./types').ThumbData>;
+    };
+    direction: {
+        type: import('vue').PropType<import('./types').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, {
+    trackRef: HTMLDivElement;
+    thumbRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/components/scrollbar/{props.d.ts → src/types.d.ts}

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