@tplc/wot 0.0.1 → 0.1.1

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

@@ -0,0 +1,226 @@
+import type { ComponentPublicInstance, ExtractPropTypes, PropType } from 'vue';
+import type { FormItemRule } from '../wd-form/types';
+export declare const colPickerProps: {
+    /**
+     * 选中项
+     */
+    modelValue: {
+        type: PropType<(string | number)[]>;
+        required: true;
+    };
+    /**
+     * 选择器数据，二维数组
+     */
+    columns: {
+        type: PropType<Record<string, any>[][]>;
+        default: () => never[];
+    };
+    /**
+     * 选择器左侧文案
+     */
+    label: StringConstructor;
+    /**
+     * 设置左侧标题宽度
+     */
+    labelWidth: {
+        type: PropType<string>;
+        default: string;
+    };
+    /**
+     * 使用 label 插槽时设置该选项
+     */
+    useLabelSlot: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 使用默认插槽时设置该选项
+     */
+    useDefaultSlot: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 禁用
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 只读
+     */
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 选择器占位符
+     */
+    placeholder: StringConstructor;
+    /**
+     * 弹出层标题
+     */
+    title: StringConstructor;
+    /**
+     * 接收当前列的选中项 item、当前列下标、当前列选中项下标下一列数据处理函数 resolve、结束选择 finish
+     */
+    columnChange: PropType<ColPickerColumnChange>;
+    /**
+     * 自定义展示文案的格式化函数，返回一个字符串
+     */
+    displayFormat: PropType<ColPickerDisplayFormat>;
+    /**
+     * 确定前校验函数，接收 (value, resolve) 参数，通过 resolve 继续执行 picker，resolve 接收 1 个 boolean 参数
+     */
+    beforeConfirm: PropType<ColPickerBeforeConfirm>;
+    /**
+     * 选择器的值靠右展示
+     */
+    alignRight: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 是否为错误状态，错误状态时右侧内容为红色
+     */
+    error: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 是否必填
+     */
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 设置选择器大小，可选值：large
+     */
+    size: StringConstructor;
+    /**
+     * 选项对象中，value 对应的 key
+     */
+    valueKey: {
+        type: PropType<string>;
+        default: string;
+    };
+    /**
+     * 选项对象中，展示的文本对应的 key
+     */
+    labelKey: {
+        type: PropType<string>;
+        default: string;
+    };
+    /**
+     * 选项对象中，提示文案对应的 key
+     */
+    tipKey: {
+        type: PropType<string>;
+        default: string;
+    };
+    /**
+     * loading 图标的颜色
+     */
+    loadingColor: {
+        type: PropType<string>;
+        default: string;
+    };
+    /**
+     * 点击遮罩是否关闭
+     */
+    closeOnClickModal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 自动触发 column-change 事件来补全数据，当 columns 为空数组或者 columns 数组长度小于 value 数组长度时，会自动触发 column-change
+     */
+    autoComplete: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 弹窗层级
+     */
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * 弹出面板是否设置底部安全距离（iphone X 类型的机型）
+     */
+    safeAreaInsetBottom: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 是否超出隐藏
+     */
+    ellipsis: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 表单域 model 字段名，在使用表单校验功能的情况下，该属性是必填的
+     */
+    prop: StringConstructor;
+    /**
+     * 表单验证规则，结合wd-form组件使用
+     */
+    rules: {
+        type: PropType<FormItemRule[]>;
+        default: () => never[];
+    };
+    /**
+     * 底部条宽度，单位像素
+     */
+    lineWidth: (NumberConstructor | StringConstructor)[];
+    /**
+     * 底部条高度，单位像素
+     */
+    lineHeight: (NumberConstructor | StringConstructor)[];
+    /**
+     * label 外部自定义样式
+     */
+    customViewClass: {
+        type: PropType<string>;
+        default: string;
+    };
+    /**
+     * value 外部自定义样式
+     */
+    customLabelClass: {
+        type: PropType<string>;
+        default: string;
+    };
+    customValueClass: {
+        type: PropType<string>;
+        default: string;
+    };
+    customStyle: {
+        type: PropType<string>;
+        default: string;
+    };
+    customClass: {
+        type: PropType<string>;
+        default: string;
+    };
+};
+export type ColPickerProps = ExtractPropTypes<typeof colPickerProps>;
+export type ColPickerColumnChangeOption = {
+    selectedItem: Record<string, any>;
+    index: number;
+    rowIndex: number;
+    resolve: (nextColumn: Record<string, any>[]) => void;
+    finish: (isOk?: boolean) => void;
+};
+export type ColPickerColumnChange = (option: ColPickerColumnChangeOption) => void;
+export type ColPickerDisplayFormat = (selectedItems: Record<string, any>[]) => string;
+export type ColPickerBeforeConfirm = (value: (string | number)[], selectedItems: Record<string, any>[], resolve: (isPass: boolean) => void) => void;
+export type ColPickerExpose = {
+    close: () => void;
+    open: () => void;
+};
+export type ColPickerInstance = ComponentPublicInstance<ColPickerExpose, ColPickerProps>;

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

@@ -0,0 +1,269 @@
+import { type FormItemRule } from '../wd-form/types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    modelValue: {
+        type: import("vue").PropType<(string | number)[]>;
+        required: true;
+    };
+    columns: {
+        type: import("vue").PropType<Record<string, any>[][]>;
+        default: () => never[];
+    };
+    label: StringConstructor;
+    labelWidth: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    useLabelSlot: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    useDefaultSlot: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: StringConstructor;
+    title: StringConstructor;
+    columnChange: import("vue").PropType<import("./types").ColPickerColumnChange>;
+    displayFormat: import("vue").PropType<import("./types").ColPickerDisplayFormat>;
+    beforeConfirm: import("vue").PropType<import("./types").ColPickerBeforeConfirm>;
+    alignRight: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    error: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: StringConstructor;
+    valueKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    labelKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    tipKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    loadingColor: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    closeOnClickModal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoComplete: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    safeAreaInsetBottom: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    ellipsis: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    prop: StringConstructor;
+    rules: {
+        type: import("vue").PropType<FormItemRule[]>;
+        default: () => never[];
+    };
+    lineWidth: (NumberConstructor | StringConstructor)[];
+    lineHeight: (NumberConstructor | StringConstructor)[];
+    customViewClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    customLabelClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    customValueClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    customStyle: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    customClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}, {
+    close: () => void;
+    open: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: (...args: any[]) => void;
+    "update:modelValue": (...args: any[]) => void;
+    confirm: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: import("vue").PropType<(string | number)[]>;
+        required: true;
+    };
+    columns: {
+        type: import("vue").PropType<Record<string, any>[][]>;
+        default: () => never[];
+    };
+    label: StringConstructor;
+    labelWidth: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    useLabelSlot: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    useDefaultSlot: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: StringConstructor;
+    title: StringConstructor;
+    columnChange: import("vue").PropType<import("./types").ColPickerColumnChange>;
+    displayFormat: import("vue").PropType<import("./types").ColPickerDisplayFormat>;
+    beforeConfirm: import("vue").PropType<import("./types").ColPickerBeforeConfirm>;
+    alignRight: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    error: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: StringConstructor;
+    valueKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    labelKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    tipKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    loadingColor: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    closeOnClickModal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoComplete: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    safeAreaInsetBottom: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    ellipsis: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    prop: StringConstructor;
+    rules: {
+        type: import("vue").PropType<FormItemRule[]>;
+        default: () => never[];
+    };
+    lineWidth: (NumberConstructor | StringConstructor)[];
+    lineHeight: (NumberConstructor | StringConstructor)[];
+    customViewClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    customLabelClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    customValueClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    customStyle: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    customClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}>> & {
+    onClose?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onConfirm?: ((...args: any[]) => any) | undefined;
+}, {
+    closeOnClickModal: boolean;
+    zIndex: number;
+    safeAreaInsetBottom: boolean;
+    customStyle: string;
+    customClass: string;
+    readonly: boolean;
+    required: boolean;
+    error: boolean;
+    disabled: boolean;
+    loadingColor: string;
+    rules: FormItemRule[];
+    labelWidth: string;
+    useLabelSlot: boolean;
+    useDefaultSlot: boolean;
+    alignRight: boolean;
+    ellipsis: boolean;
+    customViewClass: string;
+    customLabelClass: string;
+    customValueClass: string;
+    columns: Record<string, any>[][];
+    valueKey: string;
+    labelKey: string;
+    tipKey: string;
+    autoComplete: boolean;
+}, {}>, {
+    default?(_: {}): any;
+    label?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,70 @@
+import { type ComponentPublicInstance, type ExtractPropTypes, type InjectionKey, type PropType } from 'vue';
+export type CollapseToggleAllOptions = boolean | {
+    expanded?: boolean;
+    skipDisabled?: boolean;
+};
+export type CollapseProvide = {
+    props: Partial<CollapseProps>;
+    toggle: (name: string, expanded: boolean) => void;
+};
+export declare const COLLAPSE_KEY: InjectionKey<CollapseProvide>;
+export declare const collapseProps: {
+    /**
+     * 查看更多模式下的插槽外部自定义样式
+     */
+    customMoreSlotClass: {
+        type: PropType<string>;
+        default: string;
+    };
+    /**
+     * 绑定值
+     */
+    modelValue: {
+        type: PropType<string | Array<string> | boolean>;
+    };
+    /**
+     * 手风琴模式
+     */
+    accordion: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 查看更多的折叠面板
+     */
+    viewmore: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 查看更多的自定义插槽使用标志
+     */
+    useMoreSlot: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 查看更多的折叠面板，收起时的显示行数
+     */
+    lineNum: {
+        type: NumberConstructor;
+        default: number;
+    };
+    customStyle: {
+        type: PropType<string>;
+        default: string;
+    };
+    customClass: {
+        type: PropType<string>;
+        default: string;
+    };
+};
+export type CollapseProps = ExtractPropTypes<typeof collapseProps>;
+export type CollapseExpose = {
+    /**
+     * 切换所有面板展开状态，传 true 为全部展开，false 为全部收起，不传参为全部切换
+     * @param options 面板状态
+     */
+    toggleAll: (options?: boolean | CollapseToggleAllOptions) => void;
+};
+export type CollapseInstance = ComponentPublicInstance<CollapseProps, CollapseExpose>;

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

@@ -0,0 +1,92 @@
+import { type CollapseToggleAllOptions } from './types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    customMoreSlotClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    modelValue: {
+        type: import("vue").PropType<string | Array<string> | boolean>;
+    };
+    accordion: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    viewmore: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    useMoreSlot: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    lineNum: {
+        type: NumberConstructor;
+        default: number;
+    };
+    customStyle: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    customClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}, {
+    toggleAll: (options?: boolean | CollapseToggleAllOptions) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+    change: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    customMoreSlotClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    modelValue: {
+        type: import("vue").PropType<string | Array<string> | boolean>;
+    };
+    accordion: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    viewmore: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    useMoreSlot: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    lineNum: {
+        type: NumberConstructor;
+        default: number;
+    };
+    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;
+}, {
+    customStyle: string;
+    customClass: string;
+    customMoreSlotClass: string;
+    accordion: boolean;
+    viewmore: boolean;
+    useMoreSlot: boolean;
+    lineNum: number;
+}, {}>, {
+    default?(_: {}): any;
+    default?(_: {}): any;
+    more?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/types/components/wd-collapse-item/types.d.ts

@@ -0,0 +1,46 @@
+import type { ComponentPublicInstance, ExtractPropTypes, PropType } from 'vue';
+export type CollapseItemBeforeExpand = (name: string) => void;
+export declare const collapseItemProps: {
+    /**
+     * 折叠栏的标题, 可通过 slot 传递自定义内容
+     */
+    title: {
+        type: PropType<string>;
+        default: string;
+    };
+    /**
+     * 禁用折叠栏
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 折叠栏的标识符
+     */
+    name: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * 打开前的回调函数，返回 false 可以阻止打开，支持返回 Promise
+     */
+    beforeExpend: PropType<CollapseItemBeforeExpand>;
+    customStyle: {
+        type: PropType<string>;
+        default: string;
+    };
+    customClass: {
+        type: PropType<string>;
+        default: string;
+    };
+};
+export type CollapseItemProps = ExtractPropTypes<typeof collapseItemProps>;
+export type CollapseItemExpose = {
+    /**
+     * 获取展开状态
+     * @returns boolean
+     */
+    getExpanded: () => boolean;
+};
+export type CollapseItemInstance = ComponentPublicInstance<CollapseItemProps, CollapseItemExpose>;