@tplc/wot 0.0.1 → 0.1.1

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

@@ -0,0 +1,283 @@
+import type { PropType } from 'vue';
+import type { CalendarFormatter, CalendarTimeFilter, CalendarType } from '../wd-calendar-view/types';
+import type { FormItemRule } from '../wd-form/types';
+export declare const calendarProps: {
+    /**
+     * 选中值，为 13 位时间戳或时间戳数组
+     */
+    modelValue: {
+        type: PropType<number | number[] | null>;
+        required: true;
+    };
+    /**
+     * 日期类型，可选值：date / dates / datetime / week / month / daterange / datetimerange / weekrange / monthrange
+     */
+    type: {
+        type: PropType<CalendarType>;
+        default: CalendarType;
+    };
+    /**
+     * 最小日期，为 13 位时间戳
+     */
+    minDate: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * 最大日期，为 13 位时间戳
+     */
+    maxDate: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * 周起始天
+     */
+    firstDayOfWeek: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * 日期格式化函数
+     */
+    formatter: PropType<CalendarFormatter>;
+    /**
+     * type 为范围选择时有效，最大日期范围
+     */
+    maxRange: NumberConstructor;
+    /**
+     * type 为范围选择时有效，选择超出最大日期范围时的错误提示文案
+     */
+    rangePrompt: StringConstructor;
+    /**
+     * type 为范围选择时有效，是否允许选择同一天
+     */
+    allowSameDay: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 选中日期所使用的当日内具体时刻
+     */
+    defaultTime: {
+        type: PropType<string | string[]>;
+    };
+    /**
+     * type 为 'datetime' 或 'datetimerange' 时有效，用于过滤时间选择器的数据
+     */
+    timeFilter: PropType<CalendarTimeFilter>;
+    /**
+     * type 为 'datetime' 或 'datetimerange' 时有效，是否不展示秒修改
+     */
+    hideSecond: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 选择器左侧文案
+     */
+    label: StringConstructor;
+    /**
+     * 设置左侧标题宽度
+     */
+    labelWidth: StringConstructor;
+    /**
+     * 使用 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;
+    /**
+     * 选择器的值靠右展示
+     */
+    alignRight: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 是否为错误状态，错误状态时右侧内容为红色
+     */
+    error: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 是否必填
+     */
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 设置选择器大小，可选值：large
+     */
+    size: StringConstructor;
+    /**
+     * 是否垂直居中
+     */
+    center: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 点击遮罩是否关闭
+     */
+    closeOnClickModal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 弹框层级
+     */
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * 是否显示确定按钮
+     */
+    showConfirm: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 确定按钮文字
+     */
+    confirmText: StringConstructor;
+    /**
+     * 自定义展示文案的格式化函数，返回一个字符串
+     */
+    displayFormat: PropType<CalendarDisplayFormat>;
+    /**
+     * 自定义范围选择类型的面板内部回显，返回一个字符串
+     */
+    innerDisplayFormat: PropType<CalendarInnerDisplayFormat>;
+    /**
+     * 是否超出隐藏
+     */
+    ellipsis: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 是否显示类型切换功能
+     */
+    showTypeSwitch: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 快捷选项，为对象数组，其中对象的 text 必传
+     */
+    shortcuts: {
+        type: PropType<Record<string, any>[]>;
+        default: () => never[];
+    };
+    /**
+     * 快捷操作点击回调
+     */
+    onShortcutsClick: PropType<CalendarOnShortcutsClick>;
+    /**
+     * 弹出面板是否设置底部安全距离（iphone X 类型的机型）
+     */
+    safeAreaInsetBottom: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 确定前校验函数，接收 { value, resolve } 参数，通过 resolve 继续执行，resolve 接收 1 个 boolean 参数
+     */
+    beforeConfirm: PropType<CalendarBeforeConfirm>;
+    /**
+     * 表单域 model 字段名，在使用表单校验功能的情况下，该属性是必填的
+     */
+    prop: StringConstructor;
+    /**
+     * 表单验证规则，结合wd-form组件使用
+     */
+    rules: {
+        type: PropType<FormItemRule[]>;
+        default: () => never[];
+    };
+    customViewClass: {
+        type: PropType<string>;
+        default: string;
+    };
+    /**
+     * label 外部自定义样式
+     */
+    customLabelClass: {
+        type: PropType<string>;
+        default: string;
+    };
+    /**
+     * value 外部自定义样式
+     */
+    customValueClass: {
+        type: PropType<string>;
+        default: string;
+    };
+    /**
+     * 是否在手指松开时立即触发picker-view的 change 事件。若不开启则会在滚动动画结束后触发 change 事件，1.2.25版本起提供，仅微信小程序和支付宝小程序支持。
+     */
+    immediateChange: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    customStyle: {
+        type: PropType<string>;
+        default: string;
+    };
+    customClass: {
+        type: PropType<string>;
+        default: string;
+    };
+};
+export type CalendarDisplayFormat = (value: number | number[], type: CalendarType) => string;
+export type CalendarInnerDisplayFormat = (value: number, rangeType: 'start' | 'end', type: CalendarType) => string;
+export type CalendarBeforeConfirmOption = {
+    value: number | number[] | null;
+    resolve: (isPass: boolean) => void;
+};
+export type CalendarBeforeConfirm = (option: CalendarBeforeConfirmOption) => void;
+export type CalendarOnShortcutsClickOption = {
+    item: Record<string, any>;
+    index: number;
+};
+export type CalendarOnShortcutsClick = (option: CalendarOnShortcutsClickOption) => number | number[];
+export type CalendarExpose = {
+    /** 关闭时间选择器弹窗 */
+    close: () => void;
+    /** 打开时间选择器弹窗 */
+    open: () => void;
+};

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

@@ -0,0 +1,324 @@
+import { type FormItemRule } from '../wd-form/types';
+import type { CalendarType } from '../wd-calendar-view/types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    modelValue: {
+        type: import("vue").PropType<number | number[] | null>;
+        required: true;
+    };
+    type: {
+        type: import("vue").PropType<CalendarType>;
+        default: CalendarType;
+    };
+    minDate: {
+        type: NumberConstructor;
+        default: number;
+    };
+    maxDate: {
+        type: NumberConstructor;
+        default: number;
+    };
+    firstDayOfWeek: {
+        type: NumberConstructor;
+        default: number;
+    };
+    formatter: import("vue").PropType<import("../wd-calendar-view/types").CalendarFormatter>;
+    maxRange: NumberConstructor;
+    rangePrompt: StringConstructor;
+    allowSameDay: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    defaultTime: {
+        type: import("vue").PropType<string | string[]>;
+    };
+    timeFilter: import("vue").PropType<import("../wd-calendar-view/types").CalendarTimeFilter>;
+    hideSecond: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: StringConstructor;
+    labelWidth: StringConstructor;
+    useLabelSlot: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    useDefaultSlot: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: StringConstructor;
+    title: StringConstructor;
+    alignRight: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    error: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: StringConstructor;
+    center: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    closeOnClickModal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    showConfirm: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    confirmText: StringConstructor;
+    displayFormat: import("vue").PropType<import("./types").CalendarDisplayFormat>;
+    innerDisplayFormat: import("vue").PropType<import("./types").CalendarInnerDisplayFormat>;
+    ellipsis: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showTypeSwitch: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    shortcuts: {
+        type: import("vue").PropType<Record<string, any>[]>;
+        default: () => never[];
+    };
+    onShortcutsClick: import("vue").PropType<import("./types").CalendarOnShortcutsClick>;
+    safeAreaInsetBottom: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    beforeConfirm: import("vue").PropType<import("./types").CalendarBeforeConfirm>;
+    prop: StringConstructor;
+    rules: {
+        type: import("vue").PropType<FormItemRule[]>;
+        default: () => never[];
+    };
+    customViewClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    customLabelClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    customValueClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    immediateChange: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    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, {
+    cancel: (...args: any[]) => void;
+    "update:modelValue": (...args: any[]) => void;
+    change: (...args: any[]) => void;
+    confirm: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: import("vue").PropType<number | number[] | null>;
+        required: true;
+    };
+    type: {
+        type: import("vue").PropType<CalendarType>;
+        default: CalendarType;
+    };
+    minDate: {
+        type: NumberConstructor;
+        default: number;
+    };
+    maxDate: {
+        type: NumberConstructor;
+        default: number;
+    };
+    firstDayOfWeek: {
+        type: NumberConstructor;
+        default: number;
+    };
+    formatter: import("vue").PropType<import("../wd-calendar-view/types").CalendarFormatter>;
+    maxRange: NumberConstructor;
+    rangePrompt: StringConstructor;
+    allowSameDay: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    defaultTime: {
+        type: import("vue").PropType<string | string[]>;
+    };
+    timeFilter: import("vue").PropType<import("../wd-calendar-view/types").CalendarTimeFilter>;
+    hideSecond: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: StringConstructor;
+    labelWidth: StringConstructor;
+    useLabelSlot: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    useDefaultSlot: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: StringConstructor;
+    title: StringConstructor;
+    alignRight: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    error: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: StringConstructor;
+    center: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    closeOnClickModal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    showConfirm: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    confirmText: StringConstructor;
+    displayFormat: import("vue").PropType<import("./types").CalendarDisplayFormat>;
+    innerDisplayFormat: import("vue").PropType<import("./types").CalendarInnerDisplayFormat>;
+    ellipsis: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showTypeSwitch: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    shortcuts: {
+        type: import("vue").PropType<Record<string, any>[]>;
+        default: () => never[];
+    };
+    onShortcutsClick: import("vue").PropType<import("./types").CalendarOnShortcutsClick>;
+    safeAreaInsetBottom: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    beforeConfirm: import("vue").PropType<import("./types").CalendarBeforeConfirm>;
+    prop: StringConstructor;
+    rules: {
+        type: import("vue").PropType<FormItemRule[]>;
+        default: () => never[];
+    };
+    customViewClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    customLabelClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    customValueClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    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;
+    "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: CalendarType;
+    required: boolean;
+    error: boolean;
+    disabled: boolean;
+    minDate: number;
+    maxDate: number;
+    firstDayOfWeek: number;
+    allowSameDay: boolean;
+    hideSecond: boolean;
+    immediateChange: boolean;
+    rules: FormItemRule[];
+    useLabelSlot: boolean;
+    useDefaultSlot: boolean;
+    alignRight: boolean;
+    center: boolean;
+    showConfirm: boolean;
+    ellipsis: boolean;
+    showTypeSwitch: boolean;
+    shortcuts: Record<string, any>[];
+    customViewClass: string;
+    customLabelClass: string;
+    customValueClass: string;
+}, {}>, {
+    default?(_: {}): any;
+    label?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/types/components/wd-calendar-view/month/month.vue.d.ts

@@ -0,0 +1,79 @@
+import type { CalendarType } from '../types';
+declare const _default: import("vue").DefineComponent<{
+    type: {
+        type: import("vue").PropType<CalendarType>;
+        required: true;
+    };
+    date: {
+        type: NumberConstructor;
+        required: true;
+    };
+    value: {
+        type: import("vue").PropType<number | (number | null)[] | null>;
+        required: true;
+    };
+    minDate: {
+        type: NumberConstructor;
+        required: true;
+    };
+    maxDate: {
+        type: NumberConstructor;
+        required: true;
+    };
+    firstDayOfWeek: {
+        type: NumberConstructor;
+        required: true;
+    };
+    formatter: import("vue").PropType<import("../types").CalendarFormatter>;
+    maxRange: NumberConstructor;
+    rangePrompt: StringConstructor;
+    allowSameDay: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    defaultTime: {
+        type: import("vue").PropType<Array<number[]>>;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    type: {
+        type: import("vue").PropType<CalendarType>;
+        required: true;
+    };
+    date: {
+        type: NumberConstructor;
+        required: true;
+    };
+    value: {
+        type: import("vue").PropType<number | (number | null)[] | null>;
+        required: true;
+    };
+    minDate: {
+        type: NumberConstructor;
+        required: true;
+    };
+    maxDate: {
+        type: NumberConstructor;
+        required: true;
+    };
+    firstDayOfWeek: {
+        type: NumberConstructor;
+        required: true;
+    };
+    formatter: import("vue").PropType<import("../types").CalendarFormatter>;
+    maxRange: NumberConstructor;
+    rangePrompt: StringConstructor;
+    allowSameDay: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    defaultTime: {
+        type: import("vue").PropType<Array<number[]>>;
+    };
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+}, {
+    allowSameDay: boolean;
+}, {}>;
+export default _default;

package/types/components/wd-calendar-view/month/types.d.ts

@@ -0,0 +1,38 @@
+import type { PropType } from 'vue';
+import type { CalendarFormatter, CalendarType } from '../types';
+export declare const monthProps: {
+    type: {
+        type: PropType<CalendarType>;
+        required: true;
+    };
+    date: {
+        type: NumberConstructor;
+        required: true;
+    };
+    value: {
+        type: PropType<number | (number | null)[] | null>;
+        required: true;
+    };
+    minDate: {
+        type: NumberConstructor;
+        required: true;
+    };
+    maxDate: {
+        type: NumberConstructor;
+        required: true;
+    };
+    firstDayOfWeek: {
+        type: NumberConstructor;
+        required: true;
+    };
+    formatter: PropType<CalendarFormatter>;
+    maxRange: NumberConstructor;
+    rangePrompt: StringConstructor;
+    allowSameDay: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    defaultTime: {
+        type: PropType<Array<number[]>>;
+    };
+};