@tplc/wot 0.0.1 → 0.1.1

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

@@ -0,0 +1,276 @@
+import { type ColumnItem } from '../wd-picker-view/types';
+import { type FormItemRule } from '../wd-form/types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    customLabelClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    customValueClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    customViewClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    label: StringConstructor;
+    placeholder: StringConstructor;
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loadingColor: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    title: StringConstructor;
+    cancelButtonText: StringConstructor;
+    confirmButtonText: StringConstructor;
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: StringConstructor;
+    labelWidth: StringConstructor;
+    useDefaultSlot: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    useLabelSlot: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    error: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    alignRight: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    beforeConfirm: import("vue").PropType<import("./types").PickerBeforeConfirm>;
+    closeOnClickModal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    safeAreaInsetBottom: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    ellipsis: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    columnsHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    valueKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    labelKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    modelValue: {
+        type: import("vue").PropType<string | number | Array<string> | Array<number>>;
+        default: string;
+    };
+    columns: {
+        type: import("vue").PropType<Array<string | number | ColumnItem | Array<string | number | ColumnItem>>>;
+        default: () => never[];
+    };
+    columnChange: import("vue").PropType<import("../wd-picker-view/types").PickerViewColumnChange>;
+    displayFormat: import("vue").PropType<import("./types").PickerDisplayFormat>;
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    prop: StringConstructor;
+    rules: {
+        type: import("vue").PropType<FormItemRule[]>;
+        default: () => never[];
+    };
+    immediateChange: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    customStyle: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    customClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}, {
+    open: () => void;
+    close: () => void;
+    setLoading: (loading: boolean) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    cancel: (...args: any[]) => void;
+    open: (...args: any[]) => void;
+    "update:modelValue": (...args: any[]) => void;
+    confirm: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    customLabelClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    customValueClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    customViewClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    label: StringConstructor;
+    placeholder: StringConstructor;
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loadingColor: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    title: StringConstructor;
+    cancelButtonText: StringConstructor;
+    confirmButtonText: StringConstructor;
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: StringConstructor;
+    labelWidth: StringConstructor;
+    useDefaultSlot: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    useLabelSlot: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    error: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    alignRight: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    beforeConfirm: import("vue").PropType<import("./types").PickerBeforeConfirm>;
+    closeOnClickModal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    safeAreaInsetBottom: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    ellipsis: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    columnsHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    valueKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    labelKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    modelValue: {
+        type: import("vue").PropType<string | number | Array<string> | Array<number>>;
+        default: string;
+    };
+    columns: {
+        type: import("vue").PropType<Array<string | number | ColumnItem | Array<string | number | ColumnItem>>>;
+        default: () => never[];
+    };
+    columnChange: import("vue").PropType<import("../wd-picker-view/types").PickerViewColumnChange>;
+    displayFormat: import("vue").PropType<import("./types").PickerDisplayFormat>;
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    prop: StringConstructor;
+    rules: {
+        type: import("vue").PropType<FormItemRule[]>;
+        default: () => never[];
+    };
+    immediateChange: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    customStyle: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    customClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}>> & {
+    onCancel?: ((...args: any[]) => any) | undefined;
+    onOpen?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onConfirm?: ((...args: any[]) => any) | undefined;
+}, {
+    modelValue: string | number | string[] | number[];
+    closeOnClickModal: boolean;
+    zIndex: number;
+    safeAreaInsetBottom: boolean;
+    customStyle: string;
+    customClass: string;
+    readonly: boolean;
+    required: boolean;
+    error: boolean;
+    disabled: boolean;
+    loading: boolean;
+    loadingColor: string;
+    immediateChange: boolean;
+    rules: FormItemRule[];
+    useLabelSlot: boolean;
+    useDefaultSlot: boolean;
+    alignRight: boolean;
+    ellipsis: boolean;
+    customViewClass: string;
+    customLabelClass: string;
+    customValueClass: string;
+    columns: (string | number | ColumnItem | (string | number | ColumnItem)[])[];
+    columnsHeight: number;
+    valueKey: string;
+    labelKey: string;
+}, {}>, {
+    default?(_: {}): any;
+    label?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,100 @@
+import type { ComponentPublicInstance, ExtractPropTypes, PropType } from 'vue';
+export type ColumnItem = {
+    [key: string]: any;
+    value?: string | number | boolean;
+    label?: string;
+    disabled?: boolean;
+};
+export type PickerViewColumnChange = (pickerView: PickerViewInstance, selects: Record<string, any> | Record<string, any>[], index: number, reslove: () => void) => void;
+export declare const pickerViewProps: {
+    /**
+     * 加载状态
+     */
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 加载的颜色，只能使用十六进制的色值写法，且不能使用缩写
+     */
+    loadingColor: {
+        type: PropType<string>;
+        default: string;
+    };
+    /**
+     * picker内部滚筒高
+     */
+    columnsHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * 选项对象中，value对应的 key
+     */
+    valueKey: {
+        type: PropType<string>;
+        default: string;
+    };
+    /**
+     * 选项对象中，展示的文本对应的 key
+     */
+    labelKey: {
+        type: PropType<string>;
+        default: string;
+    };
+    /**
+     * 是否在手指松开时立即触发picker-view的 change 事件。若不开启则会在滚动动画结束后触发 change 事件，1.2.25版本起提供，仅微信小程序和支付宝小程序支持。
+     */
+    immediateChange: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 选中项，如果为多列选择器，则其类型应为数组
+     */
+    modelValue: {
+        type: PropType<string | number | boolean | Array<number> | Array<string> | Array<boolean>>;
+        default: string;
+        required: boolean;
+    };
+    /**
+     * 选择器数据，可以为字符串数组，也可以为对象数组，如果为二维数组，则为多列选择器
+     */
+    columns: {
+        type: PropType<(string | number | string[] | number[] | ColumnItem | ColumnItem[])[]>;
+        default: () => never[];
+    };
+    /**
+     * 接收 pickerView 实例、选中项、当前修改列的下标、resolve 作为入参，根据选中项和列下标进行判断，通过 pickerView 实例暴露出来的 setColumnData 方法修改其他列的数据源。
+     */
+    columnChange: PropType<PickerViewColumnChange>;
+    customStyle: {
+        type: PropType<string>;
+        default: string;
+    };
+    customClass: {
+        type: PropType<string>;
+        default: string;
+    };
+};
+export type PickerViewExpose = {
+    getSelects: () => Record<string, any> | Record<string, any>[];
+    getValues: () => string | string[];
+    setColumnData: (columnIndex: number, data: Array<string | number | ColumnItem | Array<string | number | ColumnItem>>, rowIndex?: number) => void;
+    getColumnsData: () => Record<string, string>[][];
+    getColumnData: (columnIndex: number) => Record<string, string>[];
+    getColumnIndex: (columnIndex: number) => number;
+    getLabels: () => string[];
+    getSelectedIndex: () => number[];
+};
+export type PickerViewProps = ExtractPropTypes<typeof pickerViewProps>;
+export type PickerViewInstance = ComponentPublicInstance<PickerViewProps, PickerViewExpose>;
+/**
+ * 格式化传入的列数据
+ * 列数据统一格式化为二维数组
+ * @param array 列数据
+ * @param valueKey
+ * @param labelKey
+ * @returns
+ */
+export declare function formatArray(array: Array<string | number | ColumnItem | Array<string | number | ColumnItem>>, valueKey: string, labelKey: string): ColumnItem[][];

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

@@ -0,0 +1,119 @@
+import { type ColumnItem } from './types';
+declare const _default: import("vue").DefineComponent<{
+    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;
+    };
+    immediateChange: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modelValue: {
+        type: import("vue").PropType<string | number | boolean | Array<number> | Array<string> | Array<boolean>>;
+        default: string;
+        required: boolean;
+    };
+    columns: {
+        type: import("vue").PropType<(string | number | string[] | number[] | ColumnItem | ColumnItem[])[]>;
+        default: () => never[];
+    };
+    columnChange: import("vue").PropType<import("./types").PickerViewColumnChange>;
+    customStyle: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    customClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}, {
+    getSelects: () => Record<string, any> | Record<string, any>[];
+    getValues: () => string | string[];
+    setColumnData: (columnIndex: number, data: Array<string | number | ColumnItem | Array<string | number | ColumnItem>>, rowIndex?: number) => void;
+    getColumnsData: () => Record<string, string>[][];
+    getColumnData: (columnIndex: number) => Record<string, string>[];
+    getColumnIndex: (columnIndex: number) => number;
+    getLabels: () => string[];
+    getSelectedIndex: () => 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<{
+    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;
+    };
+    immediateChange: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modelValue: {
+        type: import("vue").PropType<string | number | boolean | Array<number> | Array<string> | Array<boolean>>;
+        default: string;
+        required: boolean;
+    };
+    columns: {
+        type: import("vue").PropType<(string | number | string[] | number[] | ColumnItem | ColumnItem[])[]>;
+        default: () => never[];
+    };
+    columnChange: import("vue").PropType<import("./types").PickerViewColumnChange>;
+    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;
+}, {
+    modelValue: string | number | boolean | string[] | number[] | boolean[];
+    customStyle: string;
+    customClass: string;
+    loading: boolean;
+    loadingColor: string;
+    immediateChange: boolean;
+    columns: (string | number | string[] | number[] | ColumnItem | ColumnItem[])[];
+    columnsHeight: number;
+    valueKey: string;
+    labelKey: string;
+}, {}>;
+export default _default;

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

@@ -0,0 +1,86 @@
+import type { ExtractPropTypes, PropType } from 'vue';
+export type PlacementType = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end';
+export type PopoverMode = 'menu' | 'normal';
+export declare const popoverProps: {
+    customArrow: {
+        type: PropType<string>;
+        default: string;
+    };
+    customPop: {
+        type: PropType<string>;
+        default: string;
+    };
+    /**
+     * 是否显示 popover 箭头
+     */
+    visibleArrow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 显示的内容，也可以通过 slot#content 传入
+     */
+    content: PropType<string | Record<string, any>[]>;
+    /**
+     * 指定 popover 的放置位置：top / top-start / top-end / bottom / bottom-start / bottom-end / left / left-start / left-end / right / right-start / right-end
+     */
+    placement: {
+        type: PropType<PlacementType>;
+        default: PlacementType;
+    };
+    /**
+     * 偏移量
+     */
+    offset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * 是否使用内容插槽
+     */
+    useContentSlot: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 是否禁用 popover
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 是否显示关闭按钮
+     */
+    showClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 控制 popover 的显示状态
+     */
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 当前显示的模式，决定内容的展现形式，可选值：normal（普通模式）/ menu（菜单模式）
+     */
+    mode: {
+        type: PropType<PopoverMode>;
+        default: PopoverMode;
+    };
+    customStyle: {
+        type: PropType<string>;
+        default: string;
+    };
+    customClass: {
+        type: PropType<string>;
+        default: string;
+    };
+};
+export type PopoverProps = ExtractPropTypes<typeof popoverProps>;
+export type PopoverExpose = {
+    open: () => void;
+    close: () => void;
+};