@cloudbase/weda-ui 3.4.8 → 3.4.9

package/dist/configs/components/form-phone.js

@@ -0,0 +1,250 @@
+import { defineConfig, Tuple, Type, } from '../type-utils';
+const data = Type.Object({
+    name: Type.String({
+        type: 'string',
+        title: '字段绑定',
+        default: 'formPhone',
+        remarks: '提交表单时会将组件值提交保存到所配置的字段中',
+        'x-index': 10,
+        'x-rules': [
+            {
+                message: '该字段必填',
+                required: true,
+            },
+            {
+                message: '必须以字母开头，仅能输入字母或下划线或数字',
+                pattern: '^[a-zA-Z][0-9a-zA-Z_]*$',
+            },
+        ],
+        required: true,
+        'x-category': '基础属性',
+        description: '表单字段的Key值，用于提交数据时，匹配数据模型字段标识。页面内需保证唯一。',
+    }),
+    label: Type.String({
+        type: 'string',
+        title: '字段标题',
+        default: '手机',
+        remarks: '组件标题位置的显示内容',
+        'x-index': 20,
+        'x-category': '基础属性',
+    }),
+    labelVisible: Type.Boolean({
+        type: 'boolean',
+        title: '显示标题',
+        default: true,
+        remarks: '显示组件的标题',
+        'x-index': 21,
+        'x-category': '基础属性',
+    }),
+    value: Type.String({
+        type: 'string',
+        title: '手机号内容',
+        format: 'phone',
+        default: '',
+        remarks: '手机号输入框中的默认值',
+        'x-index': 30,
+        dataType: 'string',
+        inputProp: {
+            changeEvent: 'change',
+            valueFromEvent: 'event.detail.value',
+        },
+        'x-category': '基础属性',
+    }),
+    placeholder: Type.String({
+        type: 'string',
+        title: '占位符',
+        default: '请输入手机号',
+        remarks: '用于说明组件用途或注意事项的提示文字',
+        'x-index': 31,
+        'x-category': '高级属性',
+    }),
+    disabled: Type.Boolean({
+        type: 'boolean',
+        title: '是否禁用',
+        default: false,
+        remarks: '是否禁用输入/选择，启用后组件强制显示为只读效果',
+        'x-index': 40,
+        'x-category': '高级属性',
+        'x-linkages': [
+            {
+                type: 'value:visible',
+                target: '*(focus)',
+                condition: '{{!$self.value}}',
+            },
+        ],
+    }),
+    focus: Type.Boolean({
+        type: 'boolean',
+        title: '获取焦点',
+        default: false,
+        remarks: '启用后，打开页面时，该组件的输入框将自动获取焦点（多组件启用时，仅最下方的组件生效）',
+        'x-index': 50,
+        syncProp: [
+            {
+                changeEvent: 'focus',
+                valueFromEvent: 'true',
+            },
+            {
+                changeEvent: 'blur',
+                valueFromEvent: 'false',
+            },
+        ],
+        'x-category': '高级属性',
+        'x-linkages': [
+            {
+                type: 'value:visible',
+                target: 'disabled',
+                condition: '{{!$self.value}}',
+            },
+        ],
+    }),
+    layout: Type.StringEnum({
+        enum: Tuple([
+            {
+                label: '自动',
+                value: '',
+            },
+            {
+                label: '水平',
+                value: 'horizontal',
+            },
+            {
+                label: '垂直',
+                value: 'vertical',
+            },
+        ]),
+        type: 'string',
+        title: '布局方式',
+        default: '',
+        remarks: '设置当前组件的标题和输入选择区域为左右布局或上下布局，如选择“自动”，则跟随父级表单容器的配置',
+        'x-index': 60,
+        'x-category': '高级属性',
+    }),
+    size: Type.StringEnum({
+        enum: Tuple([
+            {
+                label: '大',
+                value: 'l',
+            },
+            {
+                label: '中',
+                value: 'm',
+            },
+            {
+                label: '小',
+                value: 's',
+            },
+            {
+                label: '占满',
+                value: 'full',
+            },
+        ]),
+        type: 'string',
+        title: '组件宽度',
+        default: 'full',
+        'x-index': 70,
+        'x-category': '高级属性',
+        'x-platforms': ['PCWEB'],
+    }),
+    required: Type.Boolean({
+        type: 'boolean',
+        title: '必填',
+        default: false,
+        remarks: '启用后该组件强制必填，值不可为空',
+        'x-index': 80,
+        'x-category': '基础属性',
+        'x-linkages': [
+            {
+                type: 'value:visible',
+                target: '*(requiredFlag,requiredMsg)',
+                condition: '{{$self.value}}',
+            },
+            {
+                type: 'value:visible',
+                target: '*(disabled)',
+                condition: '{{!$self.value}}',
+            },
+        ],
+    }),
+    requiredFlag: Type.Boolean({
+        type: 'boolean',
+        title: '必填标识',
+        default: true,
+        remarks: '启用后，组件若要求必填，则会显示必填星号标记',
+        'x-index': 85,
+        'x-category': '基础属性',
+    }),
+    requiredMsg: Type.String({
+        type: 'string',
+        title: '必填校验提示',
+        default: '该项为必填项',
+        remarks: '启用必填，但组件值为空时的提示信息',
+        'x-index': 90,
+        'x-category': '基础属性',
+    }),
+    clearable: Type.Boolean({
+        type: 'boolean',
+        title: '显示清空按钮',
+        default: true,
+        remarks: '启用后，输入框有值时，右侧将显示清空按钮，点击后可清空输入框中的值',
+        'x-index': 100,
+        'x-category': '高级属性',
+    }),
+});
+const events = [
+    {
+        title: '输入改变',
+        name: 'change',
+    },
+    {
+        title: '失焦',
+        name: 'blur',
+    },
+    {
+        title: '聚焦',
+        name: 'focus',
+    },
+    {
+        title: '确认',
+        name: 'confirm',
+    },
+    {
+        title: '清除内容',
+        name: 'clear',
+    },
+];
+const config = defineConfig({
+    $schema: 'https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json',
+    data,
+    compConfig: {
+        componentType: 'formField',
+    },
+    events,
+    meta: {
+        name: 'FormPhone',
+        componentName: 'PhoneInput',
+        title: '电话输入',
+        description: '用于输入电话号码，会强制校验输入内容是否符合电话格式。',
+        category: '表单',
+        icon: '../icons/FormPhone.svg',
+        categoryOrder: 500,
+        componentOrder: 500,
+        visible: ['APP'],
+    },
+    configMeta: {
+        docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/form/FormPhone',
+        shortcut: {
+            props: ['name', 'label'],
+        },
+        recommendTypes: {
+            name: [
+                {
+                    type: 'string',
+                    format: 'phone/tel',
+                    text: '电话',
+                },
+            ],
+        },
+    },
+});
+export default config;

package/dist/configs/components/form-radio.js

@@ -0,0 +1,261 @@
+import { defineConfig, Tuple, Type, } from '../type-utils';
+const data = Type.Object({
+    name: Type.String({
+        type: 'string',
+        title: '绑定字段',
+        default: 'formRadio',
+        remarks: '提交表单时会将组件值提交保存到所配置的字段中',
+        'x-index': 5,
+        'x-rules': [
+            {
+                message: '该字段必填',
+                required: true,
+            },
+            {
+                message: '必须以字母开头，仅能输入字母或下划线或数字',
+                pattern: '^[a-zA-Z][0-9a-zA-Z_]*$',
+            },
+        ],
+        required: true,
+        'x-category': '基础属性',
+        description: '表单字段的Key值，用于提交数据时，匹配数据模型字段标识。页面内需保证唯一。',
+    }),
+    label: Type.String({
+        type: 'string',
+        title: '字段标题',
+        default: '单选',
+        remarks: '组件标题位置的显示内容',
+        'x-index': 10,
+        'x-category': '基础属性',
+    }),
+    labelVisible: Type.Boolean({
+        type: 'boolean',
+        title: '显示标题',
+        default: true,
+        remarks: '显示组件的标题',
+        'x-index': 15,
+        'x-category': '基础属性',
+    }),
+    value: Type.String({
+        type: 'string',
+        title: '选中值',
+        default: '',
+        remarks: '默认选中的选项',
+        'x-index': 25,
+        inputProp: {
+            changeEvent: 'change',
+            valueFromEvent: 'event.detail.value',
+        },
+        'x-category': '基础属性',
+    }),
+    required: Type.Boolean({
+        type: 'boolean',
+        title: '必填',
+        default: false,
+        remarks: '启用后该组件强制必填，值不可为空',
+        'x-index': 30,
+        'x-category': '基础属性',
+        'x-linkages': [
+            {
+                type: 'value:visible',
+                target: '*(requiredFlag,requiredMsg)',
+                condition: '{{$self.value}}',
+            },
+        ],
+    }),
+    requiredFlag: Type.Boolean({
+        type: 'boolean',
+        title: '必填标识',
+        default: true,
+        remarks: '启用后，组件若要求必填，则会显示必填星号标记',
+        'x-index': 35,
+        'x-category': '基础属性',
+    }),
+    requiredMsg: Type.String({
+        type: 'string',
+        title: '必填校验提示',
+        default: '该项为必填项',
+        remarks: '启用必填，但组件值为空时的提示信息',
+        'x-index': 40,
+        'x-category': '基础属性',
+    }),
+    layout: Type.StringEnum({
+        enum: Tuple([
+            {
+                label: '自动',
+                value: '',
+            },
+            {
+                label: '水平',
+                value: 'horizontal',
+            },
+            {
+                label: '垂直',
+                value: 'vertical',
+            },
+        ]),
+        type: 'string',
+        title: '布局方式',
+        default: '',
+        'x-index': 105,
+        'x-category': '高级属性',
+    }),
+    disabled: Type.Boolean({
+        type: 'boolean',
+        title: '禁用',
+        default: false,
+        remarks: '是否禁用输入/选择，启用后组件强制显示为只读效果',
+        'x-index': 110,
+        'x-category': '高级属性',
+    }),
+    range: Type.Array(Type.Object({
+        label: Type.String({
+            type: 'string',
+            title: '选项名称',
+            default: '单选-选项',
+        }),
+        value: Type.String({
+            type: 'string',
+            title: '选项值',
+            default: '1',
+        }),
+    }, {
+        default: {
+            label: '单选-选项1',
+            value: '1',
+        },
+        display: 'label',
+    }), {
+        type: 'array',
+        title: '选项',
+        default: [
+            {
+                label: '单选-选项1',
+                value: '1',
+            },
+            {
+                label: '单选-选项2',
+                value: '2',
+            },
+        ],
+        remarks: '供用户进行选择的选项列表',
+        'x-index': 140,
+        'x-props': {
+            'data-withBindMeta': true,
+        },
+        'x-category': '基础属性',
+        'x-linkages': [
+            {
+                type: 'value:schema',
+                schema: {
+                    items: {
+                        path: 'range.*',
+                        type: 'object',
+                        default: {
+                            label: "{{'单选-选项' + ($self.value.length+1)}}",
+                            value: "{{($self.value.length+1) + ''}}",
+                        },
+                        display: 'label',
+                        properties: {
+                            label: {
+                                type: 'string',
+                                title: '选项名称',
+                                default: '单选-选项1',
+                            },
+                            value: {
+                                type: 'string',
+                                title: '选项值',
+                                default: '1',
+                            },
+                        },
+                    },
+                },
+                target: 'range',
+            },
+        ],
+        'x-component': 'list',
+    }),
+    // size: Type.StringEnum({
+    //   enum: Tuple([
+    //     {
+    //       label: '大',
+    //       value: 'l',
+    //     },
+    //     {
+    //       label: '中',
+    //       value: 'm',
+    //     },
+    //     {
+    //       label: '小',
+    //       value: 's',
+    //     },
+    //     {
+    //       label: '占满',
+    //       value: 'full',
+    //     },
+    //   ] as const),
+    //   title: '组件宽度',
+    //   default: 'full',
+    //   'x-index': 153,
+    //   'x-category': '高级属性',
+    //   'x-platforms': ['PCWEB'],
+    // }),
+    format: Type.String({
+        type: 'string',
+        title: '字段类型',
+        default: '',
+        'x-linkages': [
+            {
+                type: 'value:visible',
+                target: 'range',
+                condition: "{{$self.value!='x-enum'}}",
+            },
+            {
+                type: 'value:visible',
+                target: 'tipBlock',
+                condition: "{{$self.value=='x-enum'}}",
+            },
+        ],
+        'x-platforms': [''],
+    }),
+    enumName: Type.String({
+        type: 'string',
+        title: '字段类型',
+        default: '',
+        'x-platforms': [''],
+    }),
+    tipBlock: Type.String({
+        type: 'string',
+        title: '选项',
+        default: '',
+        'x-props': {
+            'data-hidebind': true,
+        },
+        'x-component': 'selection-tip',
+    }),
+});
+const events = [
+    {
+        title: '值改变',
+        name: 'change',
+    },
+];
+const config = defineConfig({
+    $schema: 'https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json',
+    data,
+    events,
+    compConfig: {
+        componentType: 'formField',
+    },
+    meta: {
+        name: 'FormRadio',
+        componentName: 'Radio',
+        title: '单选',
+        description: '用于在页面中平铺展示多个可选项，由用户选择其一的场景。',
+        docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/form/FormRegion',
+        category: '表单',
+        icon: '../icons/FormRadio.svg',
+        visible: ['APP'],
+    },
+});
+export default config;

package/dist/configs/components/form-region.js

@@ -0,0 +1,198 @@
+import { defineConfig, Tuple, Type, } from '../type-utils';
+const data = Type.Object({
+    name: Type.String({
+        type: 'string',
+        title: '绑定字段',
+        default: 'formRegion',
+        'x-index': 5,
+        'x-rules': [
+            {
+                message: '该字段必填',
+                required: true,
+            },
+            {
+                message: '必须以字母开头，仅能输入字母或下划线或数字',
+                pattern: '^[a-zA-Z][0-9a-zA-Z_]*$',
+            },
+        ],
+        required: true,
+        'x-category': '基础属性',
+        description: '表单字段的Key值，用于提交数据时，匹配数据模型字段标识。页面内需保证唯一。',
+    }),
+    label: Type.String({
+        type: 'string',
+        title: '字段标题',
+        default: '地区',
+        remarks: '组件标题位置的显示内容',
+        'x-index': 10,
+        'x-category': '基础属性',
+    }),
+    labelVisible: Type.Boolean({
+        type: 'boolean',
+        title: '显示标题',
+        default: true,
+        remarks: '显示组件的标题',
+        'x-index': 15,
+        'x-category': '基础属性',
+    }),
+    placeholder: Type.String({
+        type: 'string',
+        title: '提示文字',
+        default: '请选择',
+        remarks: '用于说明组件用途或注意事项的提示文字',
+        'x-index': 20,
+        'x-category': '基础属性',
+    }),
+    value: Type.Array(Type.String({
+        type: 'string',
+        title: 'value',
+    }), {
+        type: 'array',
+        title: '选中地区',
+        length: 3,
+        default: [],
+        remarks: '省市区的默认值',
+        'x-index': 25,
+        inputProp: {
+            changeEvent: 'change',
+            valueFromEvent: 'event.detail.value',
+        },
+        'x-category': '基础属性',
+    }),
+    required: Type.Boolean({
+        type: 'boolean',
+        title: '必填',
+        default: false,
+        remarks: '启用后该组件强制必填，值不可为空',
+        'x-index': 30,
+        'x-category': '基础属性',
+        'x-linkages': [
+            {
+                type: 'value:visible',
+                target: '*(requiredFlag,requiredMsg)',
+                condition: '{{$self.value}}',
+            },
+        ],
+    }),
+    requiredFlag: Type.Boolean({
+        type: 'boolean',
+        title: '必填标识',
+        default: false,
+        remarks: '启用后，组件若要求必填，则会显示必填星号标记',
+        'x-index': 35,
+        'x-category': '基础属性',
+    }),
+    requiredMsg: Type.String({
+        type: 'string',
+        title: '必填校验提示',
+        default: '该项为必填项',
+        remarks: '启用必填，但组件值为空时的提示信息',
+        'x-index': 40,
+        'x-category': '基础属性',
+    }),
+    layout: Type.StringEnum({
+        enum: Tuple([
+            {
+                label: '自动',
+                value: '',
+            },
+            {
+                label: '水平',
+                value: 'horizontal',
+            },
+            {
+                label: '垂直',
+                value: 'vertical',
+            },
+        ]),
+        type: 'string',
+        title: '布局方式',
+        default: '',
+        remarks: '设置当前组件的标题和输入选择区域为左右布局或上下布局，如选择“自动”，则跟随父级表单容器的配置',
+        'x-index': 105,
+        'x-category': '高级属性',
+    }),
+    separator: Type.String({
+        type: 'string',
+        title: '分隔符',
+        default: ',',
+        remarks: '省、市、区之间的分隔符',
+        'x-index': 110,
+        'x-category': '高级属性',
+    }),
+    disabled: Type.Boolean({
+        type: 'boolean',
+        title: '禁用',
+        default: false,
+        remarks: '是否禁用输入/选择，启用后组件强制显示为只读效果',
+        'x-index': 115,
+        'x-category': '高级属性',
+    }),
+    size: Type.StringEnum({
+        enum: Tuple([
+            {
+                label: '大',
+                value: 'l',
+            },
+            {
+                label: '中',
+                value: 'm',
+            },
+            {
+                label: '小',
+                value: 's',
+            },
+            {
+                label: '占满',
+                value: 'full',
+            },
+        ]),
+        type: 'string',
+        title: '组件宽度',
+        default: 'full',
+        'x-index': 165,
+        'x-category': '高级属性',
+        'x-platforms': ['PCWEB'],
+    }),
+});
+const events = [
+    {
+        title: '值改变',
+        name: 'change',
+    },
+    {
+        title: '取消',
+        name: 'cancel',
+    },
+];
+const config = defineConfig({
+    $schema: 'https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json',
+    data,
+    compConfig: {
+        componentType: 'formField',
+    },
+    events,
+    meta: {
+        title: '地区选择(已废弃)',
+        name: 'FormRegion',
+        componentName: 'Region',
+        description: '地区选择(已废弃)',
+        category: '表单',
+        icon: '../icons/FormRegion.svg',
+        visible: [],
+    },
+    configMeta: {
+        docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/form/FormRegion',
+        visible: [],
+        recommendTypes: {
+            name: [
+                {
+                    type: 'string',
+                    format: 'x-area-code',
+                    text: '地区',
+                },
+            ],
+        },
+    },
+});
+export default config;