@cloudbase/weda-ui 3.5.0 → 3.5.2

package/dist/configs/components/wd-input-number.d.ts

@@ -0,0 +1,395 @@
+import { Static } from '../type-utils';
+import type { Simplify } from 'type-fest';
+declare const data: import("@sinclair/typebox").TObject<{
+    /** 通用 */
+    name: import("@sinclair/typebox").TString & {
+        default: string;
+        'x-index': number;
+    };
+    inputValue: import("@sinclair/typebox").TNumber;
+    placeholder: import("@sinclair/typebox").TString & {
+        'x-index': number;
+    };
+    stepOption: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+    size: import("@sinclair/typebox").TUnsafe<string> & {
+        'x-index': number;
+    };
+    block: import("@sinclair/typebox").TBoolean & {
+        'x-index': number;
+    };
+    /** 标题 */
+    label: import("@sinclair/typebox").TString & {
+        'x-index': number;
+    };
+    labelVisible: import("@sinclair/typebox").TBoolean & {
+        'x-index': number;
+    };
+    labelAlign: import("@sinclair/typebox").TUnsafe<string> & {
+        'x-index': number;
+    };
+    labelWrap: import("@sinclair/typebox").TBoolean & {
+        'x-index': number;
+    };
+    layout: import("@sinclair/typebox").TUnsafe<string> & {
+        'x-index': number;
+    };
+    labelWidth: import("@sinclair/typebox").TString & {
+        'x-index': number;
+    };
+    labelTips: import("@sinclair/typebox").TString & {
+        'x-index': number;
+    };
+    /** 输入框 */
+    format: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+    decimals: import("@sinclair/typebox").TNumber;
+    thousandShow: import("@sinclair/typebox").TBoolean;
+    step: import("@sinclair/typebox").TNumber;
+    clearable: import("@sinclair/typebox").TBoolean & {
+        'x-index': number;
+        default: boolean;
+    };
+    before: import("@sinclair/typebox").TString & {
+        'x-index': number;
+        description: string;
+    };
+    after: import("@sinclair/typebox").TString & {
+        'x-index': number;
+        description: string;
+    };
+    prefixType: import("@sinclair/typebox").TUnsafe<string> & {
+        'x-index': number;
+    };
+    prefixIcon: import("@sinclair/typebox").TUnsafe<string> & {
+        'x-index': number;
+    };
+    prefixSrc: import("@sinclair/typebox").TString & {
+        'x-index': number;
+    };
+    suffixType: import("@sinclair/typebox").TUnsafe<string> & {
+        'x-index': number;
+    };
+    suffixIcon: import("@sinclair/typebox").TUnsafe<string> & {
+        'x-index': number;
+    };
+    suffixSrc: import("@sinclair/typebox").TString & {
+        'x-index': number;
+    };
+    extra: import("@sinclair/typebox").TString & {
+        'x-index': number;
+    };
+    focus: import("@sinclair/typebox").TBoolean & {
+        'x-index': number;
+    };
+    borderedH5: import("@sinclair/typebox").TBoolean & {
+        'x-index': number;
+    };
+    borderedPc: import("@sinclair/typebox").TBoolean & {
+        'x-index': number;
+    };
+    /** 状态/校验 */
+    min: import("@sinclair/typebox").TNumber;
+    max: import("@sinclair/typebox").TNumber;
+    status: import("@sinclair/typebox").TUnsafe<string> & {
+        'x-index': number;
+    };
+    required: import("@sinclair/typebox").TBoolean & {
+        'x-index': number;
+    };
+    requiredFlag: import("@sinclair/typebox").TBoolean & {
+        'x-index': number;
+    };
+    requiredMsg: import("@sinclair/typebox").TString & {
+        'x-index': number;
+    };
+}>;
+declare const config: {
+    readonly $schema: "https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json";
+    readonly data: import("@sinclair/typebox").TObject<{
+        /** 通用 */
+        name: import("@sinclair/typebox").TString & {
+            default: string;
+            'x-index': number;
+        };
+        inputValue: import("@sinclair/typebox").TNumber;
+        placeholder: import("@sinclair/typebox").TString & {
+            'x-index': number;
+        };
+        stepOption: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+        size: import("@sinclair/typebox").TUnsafe<string> & {
+            'x-index': number;
+        };
+        block: import("@sinclair/typebox").TBoolean & {
+            'x-index': number;
+        };
+        /** 标题 */
+        label: import("@sinclair/typebox").TString & {
+            'x-index': number;
+        };
+        labelVisible: import("@sinclair/typebox").TBoolean & {
+            'x-index': number;
+        };
+        labelAlign: import("@sinclair/typebox").TUnsafe<string> & {
+            'x-index': number;
+        };
+        labelWrap: import("@sinclair/typebox").TBoolean & {
+            'x-index': number;
+        };
+        layout: import("@sinclair/typebox").TUnsafe<string> & {
+            'x-index': number;
+        };
+        labelWidth: import("@sinclair/typebox").TString & {
+            'x-index': number;
+        };
+        labelTips: import("@sinclair/typebox").TString & {
+            'x-index': number;
+        };
+        /** 输入框 */
+        format: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+        decimals: import("@sinclair/typebox").TNumber;
+        thousandShow: import("@sinclair/typebox").TBoolean;
+        step: import("@sinclair/typebox").TNumber;
+        clearable: import("@sinclair/typebox").TBoolean & {
+            'x-index': number;
+            default: boolean;
+        };
+        before: import("@sinclair/typebox").TString & {
+            'x-index': number;
+            description: string;
+        };
+        after: import("@sinclair/typebox").TString & {
+            'x-index': number;
+            description: string;
+        };
+        prefixType: import("@sinclair/typebox").TUnsafe<string> & {
+            'x-index': number;
+        };
+        prefixIcon: import("@sinclair/typebox").TUnsafe<string> & {
+            'x-index': number;
+        };
+        prefixSrc: import("@sinclair/typebox").TString & {
+            'x-index': number;
+        };
+        suffixType: import("@sinclair/typebox").TUnsafe<string> & {
+            'x-index': number;
+        };
+        suffixIcon: import("@sinclair/typebox").TUnsafe<string> & {
+            'x-index': number;
+        };
+        suffixSrc: import("@sinclair/typebox").TString & {
+            'x-index': number;
+        };
+        extra: import("@sinclair/typebox").TString & {
+            'x-index': number;
+        };
+        focus: import("@sinclair/typebox").TBoolean & {
+            'x-index': number;
+        };
+        borderedH5: import("@sinclair/typebox").TBoolean & {
+            'x-index': number;
+        };
+        borderedPc: import("@sinclair/typebox").TBoolean & {
+            'x-index': number;
+        };
+        /** 状态/校验 */
+        min: import("@sinclair/typebox").TNumber;
+        max: import("@sinclair/typebox").TNumber;
+        status: import("@sinclair/typebox").TUnsafe<string> & {
+            'x-index': number;
+        };
+        required: import("@sinclair/typebox").TBoolean & {
+            'x-index': number;
+        };
+        requiredFlag: import("@sinclair/typebox").TBoolean & {
+            'x-index': number;
+        };
+        requiredMsg: import("@sinclair/typebox").TString & {
+            'x-index': number;
+        };
+    }>;
+    readonly properties: import("@sinclair/typebox").TObject<{
+        value: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        label: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        name: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        format: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+        required: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        disabled: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        visible: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        after: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        min: import("@sinclair/typebox").TNumber;
+        max: import("@sinclair/typebox").TNumber;
+        readOnly: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        step: import("@sinclair/typebox").TNumber;
+        before: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+    }>;
+    readonly classes: {
+        name: string;
+        selector: string;
+        description: string;
+    }[];
+    readonly methods: readonly [{
+        name: string;
+        label: string;
+        params: {
+            properties: {
+                value: {
+                    title: string;
+                    type: string;
+                };
+            };
+        };
+        description: string;
+    } & {
+        params: {
+            properties: {
+                value: {
+                    title: string;
+                    type: string;
+                };
+            };
+        };
+        description: string;
+    }, {
+        name: string;
+        label: string;
+        params: {
+            properties: {
+                value: {
+                    title: string;
+                    type: string;
+                };
+            };
+        };
+        description: string;
+    }, {
+        name: string;
+        label: string;
+        params: {
+            properties: {
+                value: {
+                    title: string;
+                    type: string;
+                };
+            };
+        };
+        description: string;
+    }, {
+        name: string;
+        label: string;
+        description: string;
+    }, {
+        name: string;
+        label: string;
+        params: {
+            properties: {
+                value: {
+                    title: string;
+                    type: string;
+                };
+            };
+        };
+        description: string;
+    }, {
+        name: string;
+        label: string;
+        description: string;
+    }, {
+        name: string;
+        label: string;
+        description: string;
+    }];
+    readonly events: readonly [{
+        readonly name: "change";
+        readonly title: "值改变";
+        readonly detail: import("@sinclair/typebox").TObject<{
+            value: import("@sinclair/typebox").TString;
+        }>;
+    } & {
+        detail: {
+            value: import("@sinclair/typebox").TNumber;
+        };
+    }, {
+        readonly name: "focus";
+        readonly title: "聚焦";
+        readonly detail: import("@sinclair/typebox").TObject<{
+            value: import("@sinclair/typebox").TString;
+        }>;
+    } & {
+        detail: {
+            value: import("@sinclair/typebox").TNumber;
+        };
+    }, {
+        readonly name: "blur";
+        readonly title: "失焦";
+        readonly detail: import("@sinclair/typebox").TObject<{
+            value: import("@sinclair/typebox").TString;
+        }>;
+    } & {
+        detail: {
+            value: import("@sinclair/typebox").TNumber;
+        };
+    }, {
+        readonly name: "clear";
+        readonly title: "清除内容";
+        readonly detail: import("@sinclair/typebox").TObject<{
+            originValue: import("@sinclair/typebox").TString;
+        }>;
+    } & {
+        detail: {
+            originValue: import("@sinclair/typebox").TNumber;
+        };
+    }];
+    readonly meta: {
+        readonly description: "";
+        readonly icon: "../../icons/InputNumber.svg";
+        readonly title: "数字输入";
+        readonly name: "WdInputNumber";
+        readonly componentName: "InputNumber";
+        readonly categoryOrder: 500;
+        readonly componentOrder: 361;
+        readonly docsUrl: "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/form/WdInputNumber";
+        readonly category: string;
+        readonly shortcut: {
+            props: string[];
+        };
+        readonly group: {
+            通用: {
+                'x-index': number;
+                expand: boolean;
+            };
+            标题: {
+                'x-index': number;
+                expand: boolean;
+            };
+            输入框: {
+                'x-index': number;
+                expand: boolean;
+            };
+            选择框: {
+                'x-index': number;
+                expand: boolean;
+            };
+            选项: {
+                'x-index': number;
+                expand: boolean;
+            };
+            开关按钮: {
+                'x-index': number;
+                expand: boolean;
+            };
+            小程序能力: {
+                'x-index': number;
+                expand: boolean;
+            };
+            '\u72B6\u6001/\u6821\u9A8C': {
+                'x-index': number;
+                expand: boolean;
+            };
+        };
+        readonly visible: any;
+    };
+    readonly compConfig: {
+        readonly componentType: "formField";
+    };
+};
+export type DataType = Simplify<Static<typeof data>>;
+export default config;

package/dist/configs/components/wd-input-number.js

@@ -0,0 +1,185 @@
+import { defineConfig, Type, Tuple } from '../type-utils';
+import { getFormItemClasses, FORM_ITEM_DATA, FORM_ITEM_META, FORM_ITEM_METHODS, FORM_ITEM_EVENTS, X_CATEGORY, } from '../type-utils/type-form';
+import wdInputConfig from './wd-input';
+// 属性类型定义
+const data = Type.Object({
+    /** 通用 */
+    name: Object.assign({}, FORM_ITEM_DATA.name, { default: '', 'x-index': 10 }),
+    inputValue: Type.Number({
+        title: '输入值',
+        description: '初始化的值，会根据大小限制、小数位数、数据格式进行换算',
+        'x-category': X_CATEGORY.COMMON,
+        'x-index': 20,
+    }),
+    placeholder: Object.assign({}, FORM_ITEM_DATA.placeholder, { 'x-index': 30 }),
+    stepOption: Type.Optional(Type.StringEnum({
+        title: '数值调整方式',
+        description: '提供双侧调整（both）和右侧调整（right）两种样式模式，用于按数值调整步长进行数值调整',
+        'x-runtime-default': 'right',
+        enum: Tuple([
+            { label: '双侧调整', value: 'both' },
+            { label: '右侧调整', value: 'right' },
+        ]),
+        'x-category': X_CATEGORY.COMMON,
+        'x-index': 40,
+        'x-helper-text': '右侧调整仅在PC端生效，移动端将显示为普通的输入框',
+        'x-linkages': [
+            {
+                type: 'value:visible',
+                target: '*(block)',
+                condition: "{{ $self.value === 'right' }}",
+            },
+        ],
+    })),
+    size: Object.assign({}, FORM_ITEM_DATA.size, { 'x-index': 50 }),
+    block: Object.assign({}, FORM_ITEM_DATA.block, { 'x-index': 60 }),
+    /** 标题 */
+    label: Object.assign({}, FORM_ITEM_DATA.label, { 'x-index': 70 }),
+    labelVisible: Object.assign({}, FORM_ITEM_DATA.labelVisible, {
+        'x-index': 80,
+    }),
+    labelAlign: Object.assign({}, FORM_ITEM_DATA.labelAlign, { 'x-index': 90 }),
+    labelWrap: Object.assign({}, FORM_ITEM_DATA.labelWrap, { 'x-index': 100 }),
+    layout: Object.assign({}, FORM_ITEM_DATA.layout, { 'x-index': 110 }),
+    labelWidth: Object.assign({}, FORM_ITEM_DATA.labelWidth, { 'x-index': 120 }),
+    labelTips: Object.assign({}, FORM_ITEM_DATA.labelTips, { 'x-index': 130 }),
+    /** 输入框 */
+    format: Type.Optional(Type.StringEnum({
+        title: '数据格式',
+        description: '提供数值（number）和百分比（percent）两种数据格式',
+        'x-runtime-default': 'number',
+        enum: Tuple([
+            { label: '数值', value: 'number' },
+            { label: '百分比', value: 'percent' },
+        ]),
+        'x-category': X_CATEGORY.INPUT_BOX,
+        'x-index': 140,
+    })),
+    decimals: Type.Number({
+        title: '小数位数',
+        description: '要保留的小数位数，仅允许写入0和正整数，默认不限制小数位数',
+        'x-category': X_CATEGORY.INPUT_BOX,
+        'x-index': 150,
+        minimum: 0,
+    }),
+    thousandShow: Type.Boolean({
+        title: '显示千分符',
+        description: '开启后，数字整数位每3位使用英文逗号（,）进行分隔',
+        'x-runtime-default': false,
+        'x-category': X_CATEGORY.INPUT_BOX,
+        'x-index': 160,
+    }),
+    step: Type.Number({
+        title: '数值调整步长',
+        description: '控制每次点击数值调整按钮后，增加/减少的数值大小',
+        default: 1,
+        'x-category': X_CATEGORY.INPUT_BOX,
+        'x-index': 170,
+    }),
+    clearable: Object.assign({}, FORM_ITEM_DATA.clearable, {
+        'x-index': 180,
+        default: false,
+    }),
+    before: Object.assign({}, FORM_ITEM_DATA.before, {
+        'x-index': 190,
+        description: '表单输入框显示前缀文字',
+    }),
+    after: Object.assign({}, FORM_ITEM_DATA.after, {
+        'x-index': 200,
+        description: '表单输入框显示后缀文字',
+    }),
+    prefixType: Object.assign({}, FORM_ITEM_DATA.prefixType, { 'x-index': 210 }),
+    prefixIcon: Object.assign({}, FORM_ITEM_DATA.prefixIcon, { 'x-index': 220 }),
+    prefixSrc: Object.assign({}, FORM_ITEM_DATA.prefixSrc, { 'x-index': 230 }),
+    suffixType: Object.assign({}, FORM_ITEM_DATA.suffixType, { 'x-index': 240 }),
+    suffixIcon: Object.assign({}, FORM_ITEM_DATA.suffixIcon, { 'x-index': 250 }),
+    suffixSrc: Object.assign({}, FORM_ITEM_DATA.suffixSrc, { 'x-index': 260 }),
+    extra: Object.assign({}, FORM_ITEM_DATA.extra, { 'x-index': 270 }),
+    focus: Object.assign({}, FORM_ITEM_DATA.focus, { 'x-index': 280 }),
+    borderedH5: Object.assign({}, FORM_ITEM_DATA.borderedH5, { 'x-index': 290 }),
+    borderedPc: Object.assign({}, FORM_ITEM_DATA.borderedPc, { 'x-index': 300 }),
+    /** 状态/校验 */
+    min: Type.Number({
+        title: '最小值',
+        description: '限制输入数字的最小值，默认不限制',
+        'x-index': 320,
+        'x-category': X_CATEGORY.VERIFY,
+    }),
+    max: Type.Number({
+        title: '最大值',
+        description: '限制输入数字的最大值，默认不限制',
+        'x-index': 330,
+        'x-category': X_CATEGORY.VERIFY,
+    }),
+    status: Object.assign({}, FORM_ITEM_DATA.status, { 'x-index': 340 }),
+    required: Object.assign({}, FORM_ITEM_DATA.required, { 'x-index': 350 }),
+    requiredFlag: Object.assign({}, FORM_ITEM_DATA.requiredFlag, {
+        'x-index': 360,
+    }),
+    requiredMsg: Object.assign({}, FORM_ITEM_DATA.requiredMsg, {
+        'x-index': 357,
+    }),
+});
+const classes = getFormItemClasses('input-number');
+const properties = Type.Composite([
+    Object.assign({}, wdInputConfig.properties),
+    Type.Pick(data, ['min', 'max', 'step', 'format']),
+]);
+// export default
+const config = defineConfig({
+    $schema: 'https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json',
+    data,
+    properties,
+    classes,
+    methods: [
+        Object.assign({}, FORM_ITEM_METHODS.setValue, {
+            params: {
+                properties: {
+                    value: {
+                        title: '值',
+                        type: 'number',
+                    },
+                },
+            },
+            description: '通过 $w.id1.setValue(123) 设置组件值',
+        }),
+        FORM_ITEM_METHODS.setVisible,
+        FORM_ITEM_METHODS.setDisabled,
+        FORM_ITEM_METHODS.clearValue,
+        FORM_ITEM_METHODS.setReadOnly,
+        FORM_ITEM_METHODS.handleValidate,
+        FORM_ITEM_METHODS.clearValidate,
+    ],
+    events: [
+        Object.assign({}, FORM_ITEM_EVENTS.change, {
+            detail: { value: Type.Number({ description: '输入值' }) },
+        }),
+        Object.assign({}, FORM_ITEM_EVENTS.focus, {
+            detail: { value: Type.Number({ description: '输入值' }) },
+        }),
+        Object.assign({}, FORM_ITEM_EVENTS.blur, {
+            detail: { value: Type.Number({ description: '输入值' }) },
+        }),
+        Object.assign({}, FORM_ITEM_EVENTS.clear, {
+            detail: { originValue: Type.Number({ description: '输入被清除前的值' }) },
+        }),
+    ],
+    meta: {
+        description: '',
+        icon: '../../icons/InputNumber.svg',
+        title: '数字输入',
+        name: 'WdInputNumber',
+        componentName: 'InputNumber',
+        categoryOrder: 500,
+        componentOrder: 361,
+        docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/form/WdInputNumber',
+        category: FORM_ITEM_META.category,
+        shortcut: FORM_ITEM_META.shortcut,
+        group: FORM_ITEM_META.group,
+        visible: FORM_ITEM_META.visible,
+    },
+    compConfig: {
+        componentType: 'formField',
+    },
+});
+export default config;