@touchvue/ui 1.0.0-beta.2 → 1.0.0-beta.3

package/es/components/scroll/index.d.ts

@@ -0,0 +1,323 @@
+export declare const ToScroll: import("@touchvue/ui/es/utils").SFCWithInstall<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        virtual: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        speed: {
+            type: NumberConstructor;
+            default: number;
+        };
+        top: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: number;
+        };
+        modelValue: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: number;
+        };
+        value: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: number;
+        };
+        padding: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: string;
+        };
+        paddingPosition: {
+            type: StringConstructor;
+            default: string;
+        };
+        bottom: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: number;
+        };
+        height: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: string;
+        };
+        barDisplay: {
+            type: StringConstructor;
+            default: string;
+        };
+        except: {
+            type: StringConstructor;
+            default: string;
+        };
+        color: {
+            type: StringConstructor;
+            default: string;
+        };
+        mode: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & Readonly<{
+        onChange?: (position: number) => any;
+        onScroll?: (event: Event) => any;
+        "onUpdate:modelValue"?: (position: string | number) => any;
+        onBottom?: () => any;
+        onScrollEnd?: () => any;
+        "onUpdate:value"?: (position: string | number) => any;
+    }>, {
+        to: (target: HTMLElement | string | number | any) => void;
+        scrollRef: import("vue").Ref<HTMLElement, HTMLElement>;
+        isScrolling: import("vue").Ref<boolean, boolean>;
+        setScrollPoints: () => void;
+        findScrollPoint: (scrollTop: number) => string | number | null;
+        checkHorizontalScroll: () => void;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+        change: (position: number) => any;
+        scroll: (event: Event) => any;
+        "update:modelValue": (position: string | number) => any;
+        bottom: () => any;
+        scrollEnd: () => any;
+        "update:value": (position: string | number) => any;
+    }, import("vue").PublicProps, {
+        value: string | number;
+        mode: string;
+        color: string;
+        height: string | number;
+        padding: string | number;
+        top: string | number;
+        paddingPosition: string;
+        modelValue: string | number;
+        bottom: string | number;
+        virtual: boolean;
+        speed: number;
+        barDisplay: string;
+        except: string;
+    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        virtual: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        speed: {
+            type: NumberConstructor;
+            default: number;
+        };
+        top: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: number;
+        };
+        modelValue: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: number;
+        };
+        value: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: number;
+        };
+        padding: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: string;
+        };
+        paddingPosition: {
+            type: StringConstructor;
+            default: string;
+        };
+        bottom: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: number;
+        };
+        height: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: string;
+        };
+        barDisplay: {
+            type: StringConstructor;
+            default: string;
+        };
+        except: {
+            type: StringConstructor;
+            default: string;
+        };
+        color: {
+            type: StringConstructor;
+            default: string;
+        };
+        mode: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & Readonly<{
+        onChange?: (position: number) => any;
+        onScroll?: (event: Event) => any;
+        "onUpdate:modelValue"?: (position: string | number) => any;
+        onBottom?: () => any;
+        onScrollEnd?: () => any;
+        "onUpdate:value"?: (position: string | number) => any;
+    }>, {
+        to: (target: HTMLElement | string | number | any) => void;
+        scrollRef: import("vue").Ref<HTMLElement, HTMLElement>;
+        isScrolling: import("vue").Ref<boolean, boolean>;
+        setScrollPoints: () => void;
+        findScrollPoint: (scrollTop: number) => string | number | null;
+        checkHorizontalScroll: () => void;
+    }, {}, {}, {}, {
+        value: string | number;
+        mode: string;
+        color: string;
+        height: string | number;
+        padding: string | number;
+        top: string | number;
+        paddingPosition: string;
+        modelValue: string | number;
+        bottom: string | number;
+        virtual: boolean;
+        speed: number;
+        barDisplay: string;
+        except: string;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    virtual: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    speed: {
+        type: NumberConstructor;
+        default: number;
+    };
+    top: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    modelValue: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    value: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    padding: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    paddingPosition: {
+        type: StringConstructor;
+        default: string;
+    };
+    bottom: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    height: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    barDisplay: {
+        type: StringConstructor;
+        default: string;
+    };
+    except: {
+        type: StringConstructor;
+        default: string;
+    };
+    color: {
+        type: StringConstructor;
+        default: string;
+    };
+    mode: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
+    onChange?: (position: number) => any;
+    onScroll?: (event: Event) => any;
+    "onUpdate:modelValue"?: (position: string | number) => any;
+    onBottom?: () => any;
+    onScrollEnd?: () => any;
+    "onUpdate:value"?: (position: string | number) => any;
+}>, {
+    to: (target: HTMLElement | string | number | any) => void;
+    scrollRef: import("vue").Ref<HTMLElement, HTMLElement>;
+    isScrolling: import("vue").Ref<boolean, boolean>;
+    setScrollPoints: () => void;
+    findScrollPoint: (scrollTop: number) => string | number | null;
+    checkHorizontalScroll: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    change: (position: number) => any;
+    scroll: (event: Event) => any;
+    "update:modelValue": (position: string | number) => any;
+    bottom: () => any;
+    scrollEnd: () => any;
+    "update:value": (position: string | number) => any;
+}, string, {
+    value: string | number;
+    mode: string;
+    color: string;
+    height: string | number;
+    padding: string | number;
+    top: string | number;
+    paddingPosition: string;
+    modelValue: string | number;
+    bottom: string | number;
+    virtual: boolean;
+    speed: number;
+    barDisplay: string;
+    except: string;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+})> & Record<string, any>;
+export declare const ToScrollPoint: import("@touchvue/ui/es/utils").SFCWithInstall<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        value: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: string;
+        };
+    }>> & Readonly<{}>, {
+        pointRef: import("vue").Ref<HTMLElement, HTMLElement>;
+        getValue: () => string | number;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+        value: string | number;
+    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        value: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: string;
+        };
+    }>> & Readonly<{}>, {
+        pointRef: import("vue").Ref<HTMLElement, HTMLElement>;
+        getValue: () => string | number;
+    }, {}, {}, {}, {
+        value: string | number;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    pointRef: import("vue").Ref<HTMLElement, HTMLElement>;
+    getValue: () => string | number;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    value: string | number;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+})> & Record<string, any>;
+export default ToScroll;
+export * from './src/scroll';

package/es/components/scroll/src/Scroll.vue.d.ts

@@ -0,0 +1,152 @@
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    virtual: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    speed: {
+        type: NumberConstructor;
+        default: number;
+    };
+    top: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    modelValue: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    value: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    padding: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    paddingPosition: {
+        type: StringConstructor;
+        default: string;
+    };
+    bottom: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    height: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    barDisplay: {
+        type: StringConstructor;
+        default: string;
+    };
+    except: {
+        type: StringConstructor;
+        default: string;
+    };
+    color: {
+        type: StringConstructor;
+        default: string;
+    };
+    mode: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {
+    to: (target: HTMLElement | string | number | any) => void;
+    scrollRef: import("vue").Ref<HTMLElement, HTMLElement>;
+    isScrolling: import("vue").Ref<boolean, boolean>;
+    setScrollPoints: () => void;
+    findScrollPoint: (scrollTop: number) => string | number | null;
+    checkHorizontalScroll: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    change: (position: number) => any;
+    scroll: (event: Event) => any;
+    "update:modelValue": (position: string | number) => any;
+    bottom: () => any;
+    scrollEnd: () => any;
+    "update:value": (position: string | number) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    virtual: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    speed: {
+        type: NumberConstructor;
+        default: number;
+    };
+    top: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    modelValue: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    value: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    padding: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    paddingPosition: {
+        type: StringConstructor;
+        default: string;
+    };
+    bottom: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    height: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    barDisplay: {
+        type: StringConstructor;
+        default: string;
+    };
+    except: {
+        type: StringConstructor;
+        default: string;
+    };
+    color: {
+        type: StringConstructor;
+        default: string;
+    };
+    mode: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
+    onChange?: (position: number) => any;
+    onScroll?: (event: Event) => any;
+    "onUpdate:modelValue"?: (position: string | number) => any;
+    onBottom?: () => any;
+    onScrollEnd?: () => any;
+    "onUpdate:value"?: (position: string | number) => any;
+}>, {
+    value: string | number;
+    mode: string;
+    color: string;
+    height: string | number;
+    padding: string | number;
+    top: string | number;
+    paddingPosition: string;
+    modelValue: string | number;
+    bottom: string | number;
+    virtual: boolean;
+    speed: number;
+    barDisplay: string;
+    except: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/components/scroll/src/ScrollPoint.vue.d.ts

@@ -0,0 +1,26 @@
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    value: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+}>, {
+    pointRef: import("vue").Ref<HTMLElement, HTMLElement>;
+    getValue: () => string | number;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    value: string | number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/components/scroll/src/scroll-point.d.ts

@@ -0,0 +1,21 @@
+import { ExtractPropTypes } from 'vue';
+export declare const scrollPointProps: {
+    /**
+     * 滚动点的标识值
+     */
+    value: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+};
+export type ScrollPointProps = ExtractPropTypes<typeof scrollPointProps>;
+export interface ScrollPointInstance {
+    /**
+     * 滚动点的DOM引用
+     */
+    pointRef: HTMLElement | null;
+    /**
+     * 获取滚动点的标识值
+     */
+    getValue: () => string | number;
+}

package/es/components/scroll/src/scroll.d.ts

@@ -0,0 +1,131 @@
+import { ExtractPropTypes } from 'vue';
+export declare const scrollProps: {
+    /**
+     * 是否使用模拟滚动条
+     */
+    virtual: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 滚动幅度（仅模拟滚动条支持）
+     */
+    speed: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * 顶部间距
+     */
+    top: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    /**
+     * 双向绑定的滚动位置，支持v-model
+     */
+    modelValue: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    /**
+     * 兼容旧版本，等同于modelValue
+     * @deprecated 推荐使用modelValue
+     */
+    value: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    /**
+     * 内边距
+     */
+    padding: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    /**
+     * 内边距位置
+     */
+    paddingPosition: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 底部间距
+     */
+    bottom: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    /**
+     * 高度
+     */
+    height: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    /**
+     * 滚动条显示方式
+     */
+    barDisplay: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 排除项
+     */
+    except: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 背景颜色
+     */
+    color: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 滚动模式
+     */
+    mode: {
+        type: StringConstructor;
+        default: string;
+    };
+};
+export type ScrollProps = ExtractPropTypes<typeof scrollProps>;
+export interface ScrollInstance {
+    /**
+     * 滚动到指定位置
+     */
+    scrollTo: (options: ScrollToOptions | number, yCoord?: number) => void;
+    /**
+     * 滚动到指定元素
+     */
+    scrollToElement: (element: HTMLElement | null, offset?: number) => void;
+    /**
+     * 按步长滚动
+     */
+    scrollStep: (direction: 'up' | 'down' | 'left' | 'right') => void;
+    /**
+     * 滚动容器元素
+     */
+    scrollRef: HTMLElement | null;
+    /**
+     * 是否正在滚动
+     */
+    isScrolling: boolean;
+    /**
+     * 滚动到指定目标
+     */
+    to: (target: HTMLElement | string | number | any) => void;
+}
+/**
+ * Scroll组件提供给子组件的上下文接口
+ */
+export interface ScrollContext {
+    /**
+     * 注册滚动点
+     */
+    registerScrollPoint: (el: HTMLElement, value: string | number) => void;
+}

package/es/components/segment/index.d.ts

@@ -0,0 +1,4 @@
+import Segment from './src/segment.vue';
+import { SFCWithInstall } from '@touchvue/ui/es/utils';
+export declare const ToSegment: SFCWithInstall<typeof Segment>;
+export * from './src/instance';

package/es/components/segment/src/instance.d.ts

@@ -0,0 +1,2 @@
+import type Segment from './segment.vue';
+export type SegmentInstance = InstanceType<typeof Segment>;