@tplc/wot 0.0.1 → 0.1.0

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

@@ -0,0 +1,69 @@
+import type { PropType } from 'vue';
+export type SegmentedType = 'large' | 'middle' | 'small';
+export interface SegmentedOption {
+    value: string | number;
+    disabled?: boolean;
+    payload?: any;
+}
+export declare const segmentedProps: {
+    /**
+     * 当前选中的值
+     * 类型: string | number
+     * 最低版本: 0.1.23
+     */
+    value: {
+        type: (NumberConstructor | StringConstructor)[];
+        required: true;
+    };
+    /**
+     * 是否禁用分段器
+     * 类型: boolean
+     * 默认值: false
+     * 最低版本: 0.1.23
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 控件尺寸
+     * 类型: string
+     * 可选值: 'large' | 'middle' | 'small'
+     * 默认值: 'middle'
+     * 最低版本: 0.1.23
+     */
+    size: {
+        type: PropType<SegmentedType>;
+        default: SegmentedType;
+    };
+    /**
+     * 数据集合
+     * 类型: string[] | number[] | SegmentedOption[]
+     * 必需: 是
+     * 默认值: []
+     * 最低版本: 0.1.23
+     */
+    options: {
+        type: PropType<string[] | number[] | SegmentedOption[]>;
+        required: boolean;
+        default: () => never[];
+    };
+    /**
+     * 切换选项时是否振动
+     * 类型: boolean
+     * 默认值: false
+     * 最低版本: 0.1.23
+     */
+    vibrateShort: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    customStyle: {
+        type: PropType<string>;
+        default: string;
+    };
+    customClass: {
+        type: PropType<string>;
+        default: string;
+    };
+};

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

@@ -0,0 +1,87 @@
+import { type SegmentedOption } from './types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    value: {
+        type: (NumberConstructor | StringConstructor)[];
+        required: true;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: import("vue").PropType<import("./types").SegmentedType>;
+        default: import("./types").SegmentedType;
+    };
+    options: {
+        type: import("vue").PropType<string[] | number[] | SegmentedOption[]>;
+        required: boolean;
+        default: () => never[];
+    };
+    vibrateShort: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    customStyle: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    customClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (...args: any[]) => void;
+    change: (...args: any[]) => void;
+    "update:value": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: (NumberConstructor | StringConstructor)[];
+        required: true;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: import("vue").PropType<import("./types").SegmentedType>;
+        default: import("./types").SegmentedType;
+    };
+    options: {
+        type: import("vue").PropType<string[] | number[] | SegmentedOption[]>;
+        required: boolean;
+        default: () => never[];
+    };
+    vibrateShort: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    customStyle: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    customClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    onClick?: ((...args: any[]) => any) | undefined;
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}, {
+    customStyle: string;
+    customClass: string;
+    options: string[] | number[] | SegmentedOption[];
+    disabled: boolean;
+    size: import("./types").SegmentedType;
+    vibrateShort: boolean;
+}, {}>, {
+    label?(_: {
+        option: SegmentedOption;
+    }): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,180 @@
+import type { ComponentPublicInstance, ExtractPropTypes, PropType } from 'vue';
+import type { FormItemRule } from '../wd-form/types';
+export type SelectPickerType = 'checkbox' | 'radio';
+export declare const selectPickerProps: {
+    /** 选择器左侧文案 */
+    label: StringConstructor;
+    /** 设置左侧标题宽度 */
+    labelWidth: {
+        type: PropType<string>;
+        default: string;
+    };
+    /** 禁用 */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 只读 */
+    readonly: BooleanConstructor;
+    /** 选择器占位符 */
+    placeholder: StringConstructor;
+    /** 弹出层标题 */
+    title: StringConstructor;
+    /** 选择器的值靠右展示 */
+    alignRight: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 是否为错误状态，错误状态时右侧内容为红色 */
+    error: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 必填样式 */
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 使用 label 插槽时设置该选项 */
+    useLabelSlot: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 使用默认插槽时设置该选项 */
+    useDefaultSlot: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 设置选择器大小 */
+    size: StringConstructor;
+    /** 选中的颜色（单/复选框） */
+    checkedColor: StringConstructor;
+    /** 最小选中的数量（仅在复选框类型下生效，`type`类型为`checkbox`） */
+    min: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** 最大选中的数量，0 为无限数量，默认为 0（仅在复选框类型下生效，`type`类型为`checkbox`） */
+    max: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** 设置 picker 内部的选项组尺寸大小 （单/复选框） */
+    selectSize: StringConstructor;
+    /** 加载中 */
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 加载的颜色，只能使用十六进制的色值写法，且不能使用缩写 */
+    loadingColor: {
+        type: PropType<string>;
+        default: string;
+    };
+    /** 点击遮罩是否关闭 */
+    closeOnClickModal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 选中项，`type`类型为`checkbox`时，类型为 array；`type`为`radio` 时 ，类型为 number / boolean / string */
+    modelValue: {
+        type: PropType<string | number | boolean | (string | number | boolean)[]>;
+        required: true;
+    };
+    /** 选择器数据，一维数组 */
+    columns: {
+        type: PropType<Record<string, any>[]>;
+        default: () => never[];
+    };
+    /** 单复选选择器类型 */
+    type: {
+        type: PropType<SelectPickerType>;
+        default: SelectPickerType;
+    };
+    /** 选项对象中，value 对应的 key */
+    valueKey: {
+        type: PropType<string>;
+        default: string;
+    };
+    /** 选项对象中，展示的文本对应的 key */
+    labelKey: {
+        type: PropType<string>;
+        default: string;
+    };
+    /** 确认按钮文案 */
+    confirmButtonText: StringConstructor;
+    /** 自定义展示文案的格式化函数，返回一个字符串 */
+    displayFormat: PropType<SelectPickerDisplayFormat>;
+    /** 确定前校验函数，接收 (value, resolve) 参数，通过 resolve 继续执行 picker，resolve 接收 1 个 boolean 参数 */
+    beforeConfirm: PropType<SelectPickerBeforeConfirm>;
+    /** 弹窗层级 */
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** 弹出面板是否设置底部安全距离（iphone X 类型的机型） */
+    safeAreaInsetBottom: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 可搜索（目前只支持本地搜索） */
+    filterable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 搜索框占位符 */
+    filterPlaceholder: StringConstructor;
+    /** 是否超出隐藏 */
+    ellipsis: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 重新打开是否滚动到选中项 */
+    scrollIntoView: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 表单域 `model` 字段名，在使用表单校验功能的情况下，该属性是必填的 */
+    prop: StringConstructor;
+    /** 表单验证规则，结合`wd-form`组件使用 */
+    rules: {
+        type: PropType<FormItemRule[]>;
+        default: () => never[];
+    };
+    /** 自定义内容样式类 */
+    customContentClass: {
+        type: PropType<string>;
+        default: string;
+    };
+    /** 自定义标签样式类 */
+    customLabelClass: {
+        type: PropType<string>;
+        default: string;
+    };
+    /** 自定义值样式类 */
+    customValueClass: {
+        type: PropType<string>;
+        default: string;
+    };
+    /** 是否显示确认按钮（radio类型生效），默认值为：true */
+    showConfirm: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    customStyle: {
+        type: PropType<string>;
+        default: string;
+    };
+    customClass: {
+        type: PropType<string>;
+        default: string;
+    };
+};
+export type SelectPickerProps = ExtractPropTypes<typeof selectPickerProps>;
+export type SelectPickerDisplayFormat = (items: string | number | boolean | (string | number | boolean)[], columns: Record<string, any>[]) => string;
+export type SelectPickerBeforeConfirm = (value: string | number | boolean | (string | number | boolean)[], resolve: (isPass: boolean) => void) => void;
+export type SelectPickerExpose = {
+    open: () => void;
+    close: () => void;
+};
+export type SelectPickerInstance = ComponentPublicInstance<SelectPickerExpose, SelectPickerProps>;

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

@@ -0,0 +1,316 @@
+import { type FormItemRule } from '../wd-form/types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    label: StringConstructor;
+    labelWidth: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: BooleanConstructor;
+    placeholder: StringConstructor;
+    title: StringConstructor;
+    alignRight: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    error: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    useLabelSlot: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    useDefaultSlot: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: StringConstructor;
+    checkedColor: StringConstructor;
+    min: {
+        type: NumberConstructor;
+        default: number;
+    };
+    max: {
+        type: NumberConstructor;
+        default: number;
+    };
+    selectSize: StringConstructor;
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loadingColor: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    closeOnClickModal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modelValue: {
+        type: import("vue").PropType<string | number | boolean | (string | number | boolean)[]>;
+        required: true;
+    };
+    columns: {
+        type: import("vue").PropType<Record<string, any>[]>;
+        default: () => never[];
+    };
+    type: {
+        type: import("vue").PropType<import("./types").SelectPickerType>;
+        default: import("./types").SelectPickerType;
+    };
+    valueKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    labelKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    confirmButtonText: StringConstructor;
+    displayFormat: import("vue").PropType<import("./types").SelectPickerDisplayFormat>;
+    beforeConfirm: import("vue").PropType<import("./types").SelectPickerBeforeConfirm>;
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    safeAreaInsetBottom: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    filterable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    filterPlaceholder: StringConstructor;
+    ellipsis: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    scrollIntoView: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    prop: StringConstructor;
+    rules: {
+        type: import("vue").PropType<FormItemRule[]>;
+        default: () => never[];
+    };
+    customContentClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    customLabelClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    customValueClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    showConfirm: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    customStyle: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    customClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}, {
+    open: () => void;
+    close: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    cancel: (...args: any[]) => void;
+    close: (...args: any[]) => void;
+    open: (...args: any[]) => void;
+    "update:modelValue": (...args: any[]) => void;
+    change: (...args: any[]) => void;
+    confirm: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    label: StringConstructor;
+    labelWidth: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: BooleanConstructor;
+    placeholder: StringConstructor;
+    title: StringConstructor;
+    alignRight: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    error: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    useLabelSlot: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    useDefaultSlot: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: StringConstructor;
+    checkedColor: StringConstructor;
+    min: {
+        type: NumberConstructor;
+        default: number;
+    };
+    max: {
+        type: NumberConstructor;
+        default: number;
+    };
+    selectSize: StringConstructor;
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loadingColor: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    closeOnClickModal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modelValue: {
+        type: import("vue").PropType<string | number | boolean | (string | number | boolean)[]>;
+        required: true;
+    };
+    columns: {
+        type: import("vue").PropType<Record<string, any>[]>;
+        default: () => never[];
+    };
+    type: {
+        type: import("vue").PropType<import("./types").SelectPickerType>;
+        default: import("./types").SelectPickerType;
+    };
+    valueKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    labelKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    confirmButtonText: StringConstructor;
+    displayFormat: import("vue").PropType<import("./types").SelectPickerDisplayFormat>;
+    beforeConfirm: import("vue").PropType<import("./types").SelectPickerBeforeConfirm>;
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    safeAreaInsetBottom: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    filterable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    filterPlaceholder: StringConstructor;
+    ellipsis: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    scrollIntoView: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    prop: StringConstructor;
+    rules: {
+        type: import("vue").PropType<FormItemRule[]>;
+        default: () => never[];
+    };
+    customContentClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    customLabelClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    customValueClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    showConfirm: {
+        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;
+    onClose?: ((...args: any[]) => any) | undefined;
+    onOpen?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+    onConfirm?: ((...args: any[]) => any) | undefined;
+}, {
+    closeOnClickModal: boolean;
+    zIndex: number;
+    safeAreaInsetBottom: boolean;
+    customStyle: string;
+    customClass: string;
+    readonly: boolean;
+    type: import("./types").SelectPickerType;
+    required: boolean;
+    max: number;
+    error: boolean;
+    disabled: boolean;
+    loading: boolean;
+    loadingColor: string;
+    scrollIntoView: boolean;
+    rules: FormItemRule[];
+    labelWidth: string;
+    useLabelSlot: boolean;
+    useDefaultSlot: boolean;
+    alignRight: boolean;
+    showConfirm: boolean;
+    ellipsis: boolean;
+    customLabelClass: string;
+    customValueClass: string;
+    columns: Record<string, any>[];
+    customContentClass: string;
+    min: number;
+    valueKey: string;
+    labelKey: string;
+    filterable: boolean;
+}, {}>, {
+    default?(_: {}): any;
+    label?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,24 @@
+import { type ExtractPropTypes, type InjectionKey } from 'vue';
+export type SidebarProvide = {
+    props: Partial<SidebarProps>;
+    setChange: (value: number | string, label: string) => void;
+};
+export declare const SIDEBAR_KEY: InjectionKey<SidebarProvide>;
+export declare const sidebarProps: {
+    /**
+     * 当前导航项的索引
+     */
+    modelValue: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    customStyle: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    customClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+};
+export type SidebarProps = ExtractPropTypes<typeof sidebarProps>;