@tplc/wot 0.0.1 → 0.1.0

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

@@ -0,0 +1,125 @@
+import type { ExtractPropTypes } from 'vue';
+export type ButtonType = 'primary' | 'success' | 'info' | 'warning' | 'error' | 'default' | 'text' | 'icon';
+export type ButtonSize = 'small' | 'medium' | 'large';
+export declare const buttonProps: {
+    /**
+     * 幽灵按钮
+     */
+    plain: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 圆角按钮
+     */
+    round: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 禁用按钮
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 是否细边框
+     */
+    hairline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 块状按钮
+     */
+    block: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 按钮类型，可选值：primary / success / info / warning / error / text / icon
+     */
+    type: {
+        type: import("vue").PropType<ButtonType>;
+        default: ButtonType;
+    };
+    /**
+     * 按钮尺寸，可选值：small / medium / large
+     */
+    size: {
+        type: import("vue").PropType<ButtonSize>;
+        default: ButtonSize;
+    };
+    /**
+     * 图标类名
+     */
+    icon: StringConstructor;
+    /**
+     * 类名前缀，用于使用自定义图标，用法参考Icon组件
+     */
+    classPrefix: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    /**
+     * 加载中按钮
+     */
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 加载图标颜色
+     */
+    loadingColor: StringConstructor;
+    /**
+     * 开放能力
+     */
+    openType: StringConstructor;
+    /**
+     * 指定是否阻止本节点的祖先节点出现点击态
+     */
+    hoverStopPropagation: BooleanConstructor;
+    /**
+     * 指定返回用户信息的语言，zh_CN 简体中文，zh_TW 繁体中文，en 英文
+     */
+    lang: StringConstructor;
+    /**
+     * 会话来源，open-type="contact"时有效
+     */
+    sessionFrom: StringConstructor;
+    /**
+     * 会话内消息卡片标题，open-type="contact"时有效
+     */
+    sendMessageTitle: StringConstructor;
+    /**
+     * 会话内消息卡片点击跳转小程序路径，open-type="contact"时有效
+     */
+    sendMessagePath: StringConstructor;
+    /**
+     * 会话内消息卡片图片，open-type="contact"时有效
+     */
+    sendMessageImg: StringConstructor;
+    /**
+     * 打开 APP 时，向 APP 传递的参数，open-type=launchApp时有效
+     */
+    appParameter: StringConstructor;
+    /**
+     * 是否显示会话内消息卡片，设置此参数为 true，用户进入客服会话会在右下角显示"可能要发送的小程序"提示，用户点击后可以快速发送小程序消息，open-type="contact"时有效
+     */
+    showMessageCard: BooleanConstructor;
+    /**
+     * 按钮的唯一标识，可用于设置隐私同意授权按钮的id
+     */
+    buttonId: StringConstructor;
+    customStyle: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    customClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+};
+export type ButtonProps = ExtractPropTypes<typeof buttonProps>;

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

@@ -0,0 +1,157 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    plain: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    round: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hairline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    block: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    type: {
+        type: import("vue").PropType<import("./types").ButtonType>;
+        default: import("./types").ButtonType;
+    };
+    size: {
+        type: import("vue").PropType<import("./types").ButtonSize>;
+        default: import("./types").ButtonSize;
+    };
+    icon: StringConstructor;
+    classPrefix: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loadingColor: StringConstructor;
+    openType: StringConstructor;
+    hoverStopPropagation: BooleanConstructor;
+    lang: StringConstructor;
+    sessionFrom: StringConstructor;
+    sendMessageTitle: StringConstructor;
+    sendMessagePath: StringConstructor;
+    sendMessageImg: StringConstructor;
+    appParameter: StringConstructor;
+    showMessageCard: BooleanConstructor;
+    buttonId: StringConstructor;
+    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;
+    error: (...args: any[]) => void;
+    getuserinfo: (...args: any[]) => void;
+    contact: (...args: any[]) => void;
+    getphonenumber: (...args: any[]) => void;
+    launchapp: (...args: any[]) => void;
+    opensetting: (...args: any[]) => void;
+    chooseavatar: (...args: any[]) => void;
+    agreeprivacyauthorization: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    plain: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    round: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hairline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    block: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    type: {
+        type: import("vue").PropType<import("./types").ButtonType>;
+        default: import("./types").ButtonType;
+    };
+    size: {
+        type: import("vue").PropType<import("./types").ButtonSize>;
+        default: import("./types").ButtonSize;
+    };
+    icon: StringConstructor;
+    classPrefix: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loadingColor: StringConstructor;
+    openType: StringConstructor;
+    hoverStopPropagation: BooleanConstructor;
+    lang: StringConstructor;
+    sessionFrom: StringConstructor;
+    sendMessageTitle: StringConstructor;
+    sendMessagePath: StringConstructor;
+    sendMessageImg: StringConstructor;
+    appParameter: StringConstructor;
+    showMessageCard: BooleanConstructor;
+    buttonId: StringConstructor;
+    customStyle: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    customClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}>> & {
+    onError?: ((...args: any[]) => any) | undefined;
+    onClick?: ((...args: any[]) => any) | undefined;
+    onGetuserinfo?: ((...args: any[]) => any) | undefined;
+    onContact?: ((...args: any[]) => any) | undefined;
+    onGetphonenumber?: ((...args: any[]) => any) | undefined;
+    onLaunchapp?: ((...args: any[]) => any) | undefined;
+    onOpensetting?: ((...args: any[]) => any) | undefined;
+    onChooseavatar?: ((...args: any[]) => any) | undefined;
+    onAgreeprivacyauthorization?: ((...args: any[]) => any) | undefined;
+}, {
+    customStyle: string;
+    customClass: string;
+    type: import("./types").ButtonType;
+    plain: boolean;
+    round: boolean;
+    disabled: boolean;
+    hairline: boolean;
+    block: boolean;
+    size: import("./types").ButtonSize;
+    classPrefix: string;
+    loading: boolean;
+    hoverStopPropagation: boolean;
+    showMessageCard: boolean;
+}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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;
+};