@tplc/wot 0.0.1 → 0.1.0

package/types/components/wd-datetime-picker-view/types.d.ts

@@ -0,0 +1,148 @@
+import type { ComponentPublicInstance, ExtractPropTypes, PropType } from 'vue';
+export type DateTimeType = 'date' | 'year-month' | 'time' | 'datetime' | 'year';
+/**
+ * @description 根据传入的值和类型，获取当前的选项数组，便于传入 pickerView
+ * @param value
+ * @param type picker类型
+ * @return {Array} pickerValue
+ */
+export declare function getPickerValue(value: string | number, type: DateTimeType): number[];
+export declare const datetimePickerViewProps: {
+    /**
+     * 选中项，当 type 为 time 时，类型为字符串，否则为 时间戳
+     */
+    modelValue: {
+        type: (NumberConstructor | StringConstructor | DateConstructor)[];
+        required: true;
+    };
+    /**
+     * 加载中
+     */
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 加载的颜色，只能使用十六进制的色值写法，且不能使用缩写
+     */
+    loadingColor: {
+        type: PropType<string>;
+        default: string;
+    };
+    /**
+     * picker内部滚筒高
+     */
+    columnsHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    valueKey: {
+        type: PropType<string>;
+        default: string;
+    };
+    labelKey: {
+        type: PropType<string>;
+        default: string;
+    };
+    /**
+     * 选择器类型，可选值：date / year-month / time
+     */
+    type: {
+        type: PropType<DateTimeType>;
+        default: DateTimeType;
+    };
+    /**
+     * 自定义过滤选项的函数，返回列的选项数组
+     */
+    filter: PropType<DatetimePickerViewFilter>;
+    /**
+     * 自定义弹出层选项文案的格式化函数，返回一个字符串
+     */
+    formatter: PropType<DatetimePickerViewFormatter>;
+    /**
+     * 自定义列的格式化函数
+     */
+    columnFormatter: PropType<DatetimePickerViewColumnFormatter>;
+    /**
+     * 最小日期
+     */
+    minDate: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * 最大日期
+     */
+    maxDate: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * 最小小时，time类型时生效
+     */
+    minHour: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * 最大小时，time类型时生效
+     */
+    maxHour: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * 最小分钟，time类型时生效
+     */
+    minMinute: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * 最大分钟，time类型时生效
+     */
+    maxMinute: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * 是否在手指松开时立即触发picker-view的 change 事件。若不开启则会在滚动动画结束后触发 change 事件，1.2.25版本起提供，仅微信小程序和支付宝小程序支持。
+     */
+    immediateChange: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    startSymbol: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    customStyle: {
+        type: PropType<string>;
+        default: string;
+    };
+    customClass: {
+        type: PropType<string>;
+        default: string;
+    };
+};
+export type DatetimePickerViewColumnType = 'year' | 'month' | 'date' | 'hour' | 'minute';
+export type DatetimePickerViewOption = {
+    label: string;
+    value: number;
+};
+export type DatetimePickerViewFilter = (type: DatetimePickerViewColumnType, values: number[]) => number[];
+export type DatetimePickerViewFormatter = (type: string, value: string) => string;
+export type DatetimePickerViewColumnFormatter = (picker: DatetimePickerViewInstance) => DatetimePickerViewOption[][];
+export type DatetimePickerViewProps = ExtractPropTypes<typeof datetimePickerViewProps>;
+export type DatetimePickerViewExpose = {
+    updateColumns: () => DatetimePickerViewOption[][];
+    setColumns: (columnList: DatetimePickerViewOption[][]) => void;
+    getSelects: () => Record<string, any> | Record<string, any>[] | undefined;
+    correctValue: (value: string | number) => string | number;
+    getPickerValue: (value: string | number, type: DateTimeType) => number[];
+    getOriginColumns: () => {
+        type: DatetimePickerViewColumnType;
+        values: number[];
+    }[];
+};
+export type DatetimePickerViewInstance = ComponentPublicInstance<DatetimePickerViewProps, DatetimePickerViewExpose>;

package/types/components/wd-datetime-picker-view/wd-datetime-picker-view.vue.d.ts

@@ -0,0 +1,184 @@
+import { type DatetimePickerViewColumnType, type DatetimePickerViewOption } from './types';
+declare const _default: import("vue").DefineComponent<{
+    modelValue: {
+        type: (NumberConstructor | StringConstructor | DateConstructor)[];
+        required: true;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loadingColor: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    columnsHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    valueKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    labelKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    type: {
+        type: import("vue").PropType<import("./types").DateTimeType>;
+        default: import("./types").DateTimeType;
+    };
+    filter: import("vue").PropType<import("./types").DatetimePickerViewFilter>;
+    formatter: import("vue").PropType<import("./types").DatetimePickerViewFormatter>;
+    columnFormatter: import("vue").PropType<import("./types").DatetimePickerViewColumnFormatter>;
+    minDate: {
+        type: NumberConstructor;
+        default: number;
+    };
+    maxDate: {
+        type: NumberConstructor;
+        default: number;
+    };
+    minHour: {
+        type: NumberConstructor;
+        default: number;
+    };
+    maxHour: {
+        type: NumberConstructor;
+        default: number;
+    };
+    minMinute: {
+        type: NumberConstructor;
+        default: number;
+    };
+    maxMinute: {
+        type: NumberConstructor;
+        default: number;
+    };
+    immediateChange: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    startSymbol: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    customStyle: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    customClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}, {
+    updateColumns: () => DatetimePickerViewOption[][];
+    setColumns: (columnList: DatetimePickerViewOption[][]) => void;
+    getSelects: () => Record<string, any> | Record<string, any>[] | undefined;
+    correctValue: (value: string | number) => string | number;
+    getPickerValue: (value: string | number, type: import("./types").DateTimeType) => number[];
+    getOriginColumns: () => {
+        type: DatetimePickerViewColumnType;
+        values: number[];
+    }[];
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+    change: (...args: any[]) => void;
+    pickstart: (...args: any[]) => void;
+    pickend: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: (NumberConstructor | StringConstructor | DateConstructor)[];
+        required: true;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loadingColor: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    columnsHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    valueKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    labelKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    type: {
+        type: import("vue").PropType<import("./types").DateTimeType>;
+        default: import("./types").DateTimeType;
+    };
+    filter: import("vue").PropType<import("./types").DatetimePickerViewFilter>;
+    formatter: import("vue").PropType<import("./types").DatetimePickerViewFormatter>;
+    columnFormatter: import("vue").PropType<import("./types").DatetimePickerViewColumnFormatter>;
+    minDate: {
+        type: NumberConstructor;
+        default: number;
+    };
+    maxDate: {
+        type: NumberConstructor;
+        default: number;
+    };
+    minHour: {
+        type: NumberConstructor;
+        default: number;
+    };
+    maxHour: {
+        type: NumberConstructor;
+        default: number;
+    };
+    minMinute: {
+        type: NumberConstructor;
+        default: number;
+    };
+    maxMinute: {
+        type: NumberConstructor;
+        default: number;
+    };
+    immediateChange: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    startSymbol: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    customStyle: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    customClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+    onPickstart?: ((...args: any[]) => any) | undefined;
+    onPickend?: ((...args: any[]) => any) | undefined;
+}, {
+    customStyle: string;
+    customClass: string;
+    type: import("./types").DateTimeType;
+    loading: boolean;
+    loadingColor: string;
+    minDate: number;
+    maxDate: number;
+    immediateChange: boolean;
+    columnsHeight: number;
+    valueKey: string;
+    labelKey: string;
+    minHour: number;
+    maxHour: number;
+    minMinute: number;
+    maxMinute: number;
+    startSymbol: boolean;
+}, {}>;
+export default _default;

package/types/components/wd-divider/types.d.ts

@@ -0,0 +1,19 @@
+import type { ExtractPropTypes } from 'vue';
+export declare const dividerProps: {
+    /**
+     * 自定义颜色，所有颜色的写法
+     */
+    color: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    customStyle: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    customClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+};
+export type DividerProps = ExtractPropTypes<typeof dividerProps>;

package/types/components/wd-divider/wd-divider.vue.d.ts

@@ -0,0 +1,39 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    color: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    customStyle: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    customClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    color: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    customStyle: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    customClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}>>, {
+    customStyle: string;
+    customClass: string;
+    color: string;
+}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/types/components/wd-drop-menu/types.d.ts

@@ -0,0 +1,54 @@
+import { type ExtractPropTypes, type InjectionKey, type Ref } from 'vue';
+export type DropDirction = 'up' | 'down';
+export type DropMenuProvide = {
+    props: Partial<DropMenuProps>;
+    fold: (child?: any) => void;
+    offset: Ref<number>;
+};
+export declare const DROP_MENU_KEY: InjectionKey<DropMenuProvide>;
+export declare const dropMenuProps: {
+    /**
+     * 弹框层级
+     */
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * 菜单展开方向，可选值为up 或 down
+     */
+    direction: {
+        type: import("vue").PropType<DropDirction>;
+        default: DropDirction;
+    };
+    /**
+     * 是否展示蒙层
+     */
+    modal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 是否点击蒙层时关闭
+     */
+    closeOnClickModal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 菜单展开收起动画时间，单位 ms
+     */
+    duration: {
+        type: NumberConstructor;
+        default: number;
+    };
+    customStyle: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    customClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+};
+export type DropMenuProps = ExtractPropTypes<typeof dropMenuProps>;

package/types/components/wd-drop-menu/wd-drop-menu.vue.d.ts

@@ -0,0 +1,75 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    direction: {
+        type: import("vue").PropType<import("./types").DropDirction>;
+        default: import("./types").DropDirction;
+    };
+    modal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    closeOnClickModal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    duration: {
+        type: NumberConstructor;
+        default: number;
+    };
+    customStyle: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    customClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    direction: {
+        type: import("vue").PropType<import("./types").DropDirction>;
+        default: import("./types").DropDirction;
+    };
+    modal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    closeOnClickModal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    duration: {
+        type: NumberConstructor;
+        default: number;
+    };
+    customStyle: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    customClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}>>, {
+    closeOnClickModal: boolean;
+    duration: number;
+    zIndex: number;
+    customStyle: string;
+    customClass: string;
+    direction: import("./types").DropDirction;
+    modal: boolean;
+}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/types/components/wd-drop-menu-item/types.d.ts

@@ -0,0 +1,106 @@
+import type { ComponentPublicInstance, ExtractPropTypes, PropType } from 'vue';
+export type DropMenuItemBeforeToggleOption = {
+    status: boolean;
+    resolve: (isPass: boolean) => void;
+};
+export type DropMenuItemBeforeToggle = (option: DropMenuItemBeforeToggleOption) => void;
+export declare const dorpMenuItemProps: {
+    /**
+     * DropMenuItem 左侧文字样式
+     */
+    customTitle: {
+        type: PropType<string>;
+        default: string;
+    };
+    /**
+     * DropMenuItem 右侧 icon 样式
+     */
+    customIcon: {
+        type: PropType<string>;
+        default: string;
+    };
+    /**
+     * 当前选中项对应选中的 value
+     */
+    modelValue: (NumberConstructor | StringConstructor)[];
+    /**
+     * 列表数据，对应数据结构 [{text: '标题', value: '0', tip: '提示文字'}]
+     */
+    options: {
+        type: PropType<Record<string, any>[]>;
+        default: () => never[];
+    };
+    /**
+     * 禁用菜单
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 选中的图标名称(可选名称在 wd-icon 组件中)
+     */
+    iconName: {
+        type: PropType<string>;
+        default: string;
+    };
+    /**
+     * 菜单标题
+     */
+    title: StringConstructor;
+    /**
+     * 菜单图标
+     */
+    icon: {
+        type: PropType<string>;
+        default: string;
+    };
+    /**
+     * 菜单图标大小
+     */
+    iconSize: {
+        type: PropType<string>;
+        default: string;
+    };
+    /**
+     * 自定义点击事件
+     */
+    beforeToggle: PropType<DropMenuItemBeforeToggle>;
+    /**
+     * 选项对象中，value 对应的 key
+     */
+    valueKey: {
+        type: PropType<string>;
+        default: string;
+    };
+    /**
+     * 选项对象中，展示的文本对应的 key
+     */
+    labelKey: {
+        type: PropType<string>;
+        default: string;
+    };
+    /**
+     * 选项对象中，选项说明对应的 key
+     */
+    tipKey: {
+        type: PropType<string>;
+        default: string;
+    };
+    customStyle: {
+        type: PropType<string>;
+        default: string;
+    };
+    customClass: {
+        type: PropType<string>;
+        default: string;
+    };
+};
+export type DropMenuItemProps = ExtractPropTypes<typeof dorpMenuItemProps>;
+export type DropMenuItemExpose = {
+    getShowPop: () => boolean;
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+};
+export type DropMenuItemInstance = ComponentPublicInstance<DropMenuItemProps>;