@cloudbase/weda-ui 3.4.11-alpha.1 → 3.4.12

package/dist/configs/components/common/form-input-required.js

@@ -5,7 +5,7 @@ export const commonRequiredDataForm = {
         default: false,
         remarks: '启用后该组件强制必填，值不可为空',
         'x-index': 6,
-        'x-category': '基础属性',
+        'x-group': '基础属性',
         'x-linkages': [
             {
                 type: 'value:visible',
@@ -19,7 +19,7 @@ export const commonRequiredDataForm = {
         default: true,
         remarks: '启用后，组件若要求必填，则会显示必填星号标记',
         'x-index': 7,
-        'x-category': '基础属性',
+        'x-group': '基础属性',
     }),
     requiredMsg: Type.String({
         type: 'string',
@@ -27,7 +27,7 @@ export const commonRequiredDataForm = {
         default: '该项为必填项',
         remarks: '启用必填，但组件值为空时的提示信息',
         'x-index': 8,
-        'x-category': '基础属性',
+        'x-group': '基础属性',
     }),
 };
 // "rules": {

package/dist/configs/components/dataView.js

@@ -1,3 +1,4 @@
+import { Type } from '../type-utils';
 const rawTemplate = `
 {{#with (helper_getFields _datasourceName _methodName (helper_utils '?:' (helper_utils '===' _datasourceName 'sys_user') true false) false) as |_fields|}}
 {{#with (helper_utils 'concat' 'string' 'number' 'boolean') as |_rangeTypes|}}
@@ -63,9 +64,9 @@ component='Col'
 component = 'Repeater'
 [template.items.items.items.items.attributes]
 {{#if (helper_utils 'isEqual' _name '_departmentList')}}
-':data' = '$context.{{$self.id}}.data[\`##SHOW\`]._departmentList'
+':data' = '$w.{{$self.id}}.record[\`##SHOW\`]._departmentList'
 {{else}}
-':data' = '$context.{{$self.id}}.data.{{_name}}'
+':data' = '$w.{{$self.id}}.record.{{_name}}'
 {{/if}}
 suffix = '{{repeater_suffix}}'
 forItem = 'item_{{repeater_suffix}}'
@@ -106,25 +107,25 @@ whiteSpace = 'pre-line'
 [[template.items.items.items.items]]
 component='WdImage'
 [template.items.items.items.items.attributes]
-':src'='$context.{{$self.id}}.data.{{_name}}'
+':src'='$w.{{$self.id}}.record.{{_name}}'
 {{else}}
 [[template.items.items.items.items]]
 component='WdText'
 [template.items.items.items.items.attributes]
 {{#if (helper_utils 'isEqual' _type 'boolean')}}
-':text'='$context.{{$self.id}}.data.{{_name}} ? \`是\` : \`否\`'
+':text'='$w.{{$self.id}}.record.{{_name}} ? \`是\` : \`否\`'
 {{else if (helper_utils 'isEqual' _format 'datetime')}}
-':text'='app.utils.formatDate($context.{{$self.id}}.data.{{_name}}, \`yyyy-mm-dd HH:MM:ss\`)'
+':text'='app.utils.formatDate($w.{{$self.id}}.record.{{_name}}, \`yyyy-mm-dd HH:MM:ss\`)'
 {{else if (helper_utils 'isEqual' _format 'date')}}
-':text'='app.utils.formatDate($context.{{$self.id}}.data.{{_name}}, \`yyyy-mm-dd\`)'
+':text'='app.utils.formatDate($w.{{$self.id}}.record.{{_name}}, \`yyyy-mm-dd\`)'
 {{else if (helper_utils 'isEqual' _format 'time')}}
-':text'='app.utils.formatDate($context.{{$self.id}}.data.{{_name}}, \`HH:MM:ss\`, true)'
+':text'='app.utils.formatDate($w.{{$self.id}}.record.{{_name}}, \`HH:MM:ss\`, true)'
 {{else if (helper_utils 'isEqual' _format 'x-enum')}}
-':text'='app.utils.formatEnum($context.{{$self.id}}.data.{{_name}}, \`{{helper_utils 'get' _field 'x-option-name'}}\`, app)'
+':text'='app.utils.formatEnum($w.{{$self.id}}.record.{{_name}}, \`{{helper_utils 'get' _field 'x-option-name'}}\`, app)'
 {{else if (helper_utils 'includes' (helper_utils 'concat' 'father-son' 'related') _format)}}
-':text'='$context.{{$self.id}}.data?.[\`@{{_name}}\`]?.v1?.record?.[$context.{{$self.id}}.data?.[\`@{{_name}}\`]?.v1?.primaryColumn] || $context.{{$self.id}}.data.{{_name}} || \`-\`'
+':text'='$w.{{$self.id}}.record?.[\`@{{_name}}\`]?.v1?.record?.[$w.{{$self.id}}.record?.[\`@{{_name}}\`]?.v1?.primaryColumn] || $w.{{$self.id}}.record.{{_name}} || \`-\`'
 {{else}}
-':text'='$context.{{$self.id}}.data.{{_name}} || \`-\`'
+':text'='$w.{{$self.id}}.record.{{_name}} || \`-\`'
 {{/if}}
 {{/if}}
 [template.items.items.items.items.extra.commonStyle]
@@ -167,6 +168,13 @@ ${rawTemplate}
 {{/with}}
 {{/with}}
 `;
+const properties = Type.Object({
+    record: Type.BasicTypeUnion({
+        title: '数据记录',
+        type: 'object',
+        description: '数据记录',
+    }),
+});
 const config = {
     $schema: 'https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json',
     data: {
@@ -388,6 +396,8 @@ const config = {
             remarks: '数据查询失败时触发',
         },
     ],
+    // 组件实例属性
+    properties,
     methods: [
         {
             name: 'refresh',

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

@@ -230,15 +230,28 @@ const config = defineConfig({
     meta: {
         description: '用于在页面中平铺展示多个可选项，由用户进行多项选择的场景。',
         icon: '../icons/FormCheckbox.svg',
-        title: '多选',
+        title: '多选[旧]',
         name: 'FormCheckbox',
         componentName: 'Checkbox',
         category: '表单',
         tag: [],
         platform: [],
-        visible: ['APP'],
+        visible: [],
         categoryOrder: 500,
         componentOrder: 390,
+        disableUpgradeAll: true,
+        deprecated: true,
+        renderMode: [
+            {
+                component: 'WdCheckboxList',
+                renderType: 'update',
+                description: `- 支持标题、内容框的提示语配置；
+          - 支持标题的对齐、宽度、换行配置；
+          - 支持选项横向/纵向排列方式可选择；
+          - 支持快捷去除移动端下划线；
+          - 支持通过标准化的样式API和CSS变量灵活修改和自定义组件样式；`,
+            },
+        ],
     },
     configMeta: {
         docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/form/FormCheckbox',

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

@@ -231,12 +231,27 @@ const config = defineConfig({
     },
     meta: {
         name: 'FormEmail',
+        title: '邮箱输入[旧]',
         componentName: 'EmailInput',
-        title: '邮箱输入',
         description: '用于输入邮箱地址，会强制校验输入内容是否符合邮箱格式。',
         category: '表单',
         icon: '../icons/FormEmail.svg',
-        visible: ['APP'],
+        visible: [],
+        disableUpgradeAll: true,
+        deprecated: true,
+        renderMode: [
+            {
+                component: 'WdInputEmail',
+                renderType: 'update',
+                props: { 'data.value': 'data.inputValue' },
+                description: `- 支持标题、输入框的提示语配置；
+        - 支持标题的对齐、宽度、换行配置；
+        - 支持输入框前/后缀图标和文本的配置；
+        - 支持支持控制限制字数的展示；
+        - 支持快捷去除移动端下划线、PC端输入边框；
+        - 支持通过标准化的样式API和CSS变量灵活修改和自定义组件样式；`,
+            },
+        ],
     },
     configMeta: {
         docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/form/FormEmail',

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

@@ -452,7 +452,7 @@ export default defineConfig({
         },
     ],
     meta: {
-        title: '单行输入',
+        title: '单行输入[旧]',
         name: 'FormInput',
         componentName: 'Input',
         description: '用于输入/查看较短文本内容。',
@@ -460,7 +460,7 @@ export default defineConfig({
         categoryOrder: 500,
         componentOrder: 350,
         icon: '../icons/FormInput.svg',
-        visible: ['APP', 'COMPONENT'],
+        visible: [],
         docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/form/FormInput',
         shortcut: {
             props: ['name', 'label'],
@@ -473,5 +473,20 @@ export default defineConfig({
                 },
             ],
         },
+        disableUpgradeAll: true,
+        deprecated: true,
+        renderMode: [
+            {
+                component: 'WdInput',
+                renderType: 'update',
+                props: { 'data.value': 'data.inputValue' },
+                description: `- 支持标题、输入框的提示语配置；
+        - 支持标题的对齐、宽度、换行配置；
+        - 支持输入框前/后缀图标和文本的配置；
+        - 支持支持控制限制字数的展示；
+        - 支持快捷去除移动端下划线、PC端输入边框；
+        - 支持通过标准化的样式API和CSS变量灵活修改和自定义组件样式；`,
+            },
+        ],
     },
 });

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

@@ -222,14 +222,29 @@ const config = defineConfig({
     events,
     meta: {
         name: 'FormPhone',
+        title: '电话输入[旧]',
         componentName: 'PhoneInput',
-        title: '电话输入',
         description: '用于输入电话号码，会强制校验输入内容是否符合电话格式。',
         category: '表单',
         icon: '../icons/FormPhone.svg',
         categoryOrder: 500,
         componentOrder: 500,
-        visible: ['APP'],
+        visible: [],
+        deprecated: true,
+        disableUpgradeAll: true,
+        renderMode: [
+            {
+                component: 'WdInputPhone',
+                renderType: 'update',
+                props: { 'data.value': 'data.inputValue' },
+                description: `- 支持标题、输入框的提示语配置；
+        - 支持标题的对齐、宽度、换行配置；
+        - 支持输入框前/后缀图标和文本的配置；
+        - 支持支持控制限制字数的展示；
+        - 支持快捷去除移动端下划线、PC端输入边框；
+        - 支持通过标准化的样式API和CSS变量灵活修改和自定义组件样式；`,
+            },
+        ],
     },
     configMeta: {
         docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/form/FormPhone',

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

@@ -249,13 +249,26 @@ const config = defineConfig({
     },
     meta: {
         name: 'FormRadio',
+        title: '单选[旧]',
         componentName: 'Radio',
-        title: '单选',
         description: '用于在页面中平铺展示多个可选项，由用户选择其一的场景。',
         docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/form/FormRegion',
         category: '表单',
         icon: '../icons/FormRadio.svg',
-        visible: ['APP'],
+        visible: [],
+        disableUpgradeAll: true,
+        deprecated: true,
+        renderMode: [
+            {
+                component: 'WdRadioList',
+                renderType: 'update',
+                description: `- 支持标题、内容框的提示语配置；
+          - 支持标题的对齐、宽度、换行配置；
+          - 支持选项横向/纵向排列方式可选择；
+          - 支持快捷去除移动端下划线；
+          - 支持通过标准化的样式API和CSS变量灵活修改和自定义组件样式；`,
+            },
+        ],
     },
 });
 export default config;

package/dist/configs/components/form-select-multiple.js

@@ -0,0 +1,362 @@
+import { defineConfig, Tuple, Type, } from '../type-utils';
+const data = Type.Object({
+    name: Type.String({
+        type: 'string',
+        title: '绑定字段',
+        default: 'formSelectMultiple',
+        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': '基础属性',
+    }),
+    placeholder: Type.String({
+        type: 'string',
+        title: '提示文字',
+        default: '请选择',
+        remarks: '用于说明组件用途或注意事项的提示文字',
+        'x-index': 16,
+        'x-category': '基础属性',
+    }),
+    value: Type.Array(Type.String({
+        type: 'string',
+        title: 'value',
+    }), {
+        type: 'array',
+        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: '',
+        remarks: '设置当前组件的标题和输入选择区域为左右布局或上下布局，如选择“自动”，则跟随父级表单容器的配置',
+        'x-index': 105,
+        'x-category': '高级属性',
+    }),
+    disabled: Type.Boolean({
+        type: 'boolean',
+        title: '禁用',
+        default: false,
+        remarks: '是否禁用输入/选择，启用后组件强制显示为只读效果',
+        'x-index': 113,
+        'x-category': '高级属性',
+    }),
+    range: Type.Array(Type.Object({
+        label: Type.String({
+            type: 'string',
+            title: '选项名称',
+            default: '选项名称',
+        }),
+        value: Type.String({
+            type: 'string',
+            title: '选项值',
+            default: '选项值',
+        }),
+    }, {
+        type: 'object',
+        default: {
+            label: '选项名称',
+            value: '选项值',
+        },
+        display: 'label',
+    }), {
+        type: 'array',
+        title: '选项',
+        default: [
+            {
+                label: '选项名称',
+                value: '选项值',
+            },
+        ],
+        remarks: '供用户进行选择的选项列表',
+        'x-index': 140,
+        'x-props': {
+            'data-withBindMeta': true,
+        },
+        'x-category': '基础属性',
+        'x-component': 'list-bind-switch',
+        'x-component-props': {
+            'origin-component': 'list',
+        },
+    }),
+    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'],
+    }),
+    // where: Type.Array(Type.Any(), {
+    //   type: 'array',
+    //   items: {},
+    //   title: '选项筛选',
+    //   'x-props': {
+    //     'data-hidebind': true,
+    //     'data-withBindMeta': true,
+    //     'data-hideBindValue': true,
+    //   },
+    //   'x-category': '基础属性',
+    //   'x-component': 'condition-select',
+    //   'x-component-props': {
+    //     selectedDsName: '',
+    //     blackListConfig: {
+    //       type: ['object', 'array'],
+    //       format: ['x-file', 'x-image'],
+    //     },
+    //     customRelOptions: {
+    //       number: [
+    //         {
+    //           text: '等于',
+    //           type: 'equal',
+    //           value: 'equal',
+    //         },
+    //         {
+    //           text: '不等于',
+    //           value: 'unequal',
+    //         },
+    //         {
+    //           text: '大于',
+    //           type: 'greate',
+    //           value: 'greater',
+    //         },
+    //         {
+    //           text: '大于等于',
+    //           type: 'greater_or_equal',
+    //           value: 'greater_or_equal',
+    //         },
+    //         {
+    //           text: '小于',
+    //           type: 'less',
+    //           value: 'less',
+    //         },
+    //         {
+    //           text: '小于等于',
+    //           type: 'less_or_equal',
+    //           value: 'less_or_equal',
+    //         },
+    //       ],
+    //     },
+    //     customLogicOptions: [
+    //       {
+    //         text: '且',
+    //         value: 'and',
+    //       },
+    //       {
+    //         text: '或',
+    //         value: 'or',
+    //       },
+    //     ],
+    //     selectedDataSourceName: '',
+    //   },
+    // }),
+    format: Type.StringEnum({
+        type: 'string',
+        title: '字段类型',
+        default: '',
+        enum: Tuple([
+            { label: 'one-many', value: 'one-many' },
+            { label: 'many-many', value: 'many-many' },
+        ]),
+        'x-linkages': [
+            {
+                type: 'value:visible',
+                target: 'range',
+                condition: "{{$self.value!='many-many'&&$self.value!='one-many'}}",
+            },
+            {
+                type: 'value:visible',
+                target: 'tipBlock',
+                condition: "{{$self.value=='many-many'||$self.value=='one-many'}}",
+            },
+            // {
+            //   type: 'value:visible',
+            //   target: 'where',
+            //   condition: "{{$self.value=='many-many'||$self.value=='one-many'}}",
+            // },
+        ],
+        'x-platforms': [''],
+    }),
+    viewId: Type.String({
+        type: 'string',
+        title: '选项',
+        default: '',
+        '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',
+    }),
+    primaryField: Type.String({
+        type: 'string',
+        title: '主列名称',
+        default: '',
+        'x-platforms': [''],
+    }),
+    dataSourceName: Type.String({
+        type: 'string',
+        title: '父数据源名称',
+        default: '',
+        // 'x-linkages': [
+        //   {
+        //     type: 'value:schema',
+        //     schema: {
+        //       'x-component-props': '{{{selectedDataSourceName: $self.value}}}',
+        //     },
+        //     target: 'where',
+        //   },
+        // ],
+        'x-platforms': [''],
+    }),
+});
+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,
+    events,
+    compConfig: {
+        componentType: 'formField',
+    },
+    meta: {
+        title: '下拉多选',
+        name: 'FormSelectMultiple',
+        componentName: 'MultipleSelect',
+        description: '用于以列表形式提供多个可选项，由用户选择其一的场景。',
+        category: '表单',
+        icon: '../icons/FormSelect.svg',
+        categoryOrder: 500,
+        componentOrder: 376,
+        visible: ['APP', 'COMPONENT'],
+        docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/form/FormSelectMultiple',
+        shortcut: {
+            props: ['name', 'label'],
+        },
+        recommendTypes: {
+            name: [
+                {
+                    text: '一对多/多对多',
+                    type: 'string',
+                    format: 'one-many/many-many',
+                },
+            ],
+        },
+    },
+});
+export default config;

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

@@ -124,7 +124,7 @@ const config = defineConfig({
     },
     events,
     meta: {
-        title: '开关',
+        title: '开关[旧]',
         name: 'FormSwitch',
         componentName: 'Switch',
         description: '用于控制打开/关闭。',
@@ -132,7 +132,20 @@ const config = defineConfig({
         icon: '../icons/FormSwitch.svg',
         categoryOrder: 500,
         componentOrder: 440,
-        visible: ['APP', 'COMPONENT'],
+        visible: [],
+        disableUpgradeAll: true,
+        deprecated: true,
+        renderMode: [
+            {
+                component: 'WdSwitch',
+                renderType: 'update',
+                description: `- 支持标题、内容框的提示语配置；
+          - 支持标题的对齐、宽度、换行配置；
+          - 支持开关图标大中小可选择；
+          - 支持快捷去除移动端下划线；
+          - 支持通过标准化的样式API和CSS变量灵活修改和自定义组件样式；`,
+            },
+        ],
     },
     configMeta: {
         docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/form/FormSwitch',

package/dist/configs/components/form-text-area.js

@@ -231,11 +231,24 @@ const config = defineConfig({
         description: '用于输入/查看较长文本内容。',
         icon: '//imgcache.qq.com/qcloud/lowcode/static/ide/left-material-icon/TextArea.svg',
         docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/form/FormTextarea',
-        title: '多行输入',
+        title: '多行输入[旧]',
         category: '表单',
         categoryOrder: 500,
         componentOrder: 360,
-        visible: ['APP', 'COMPONENT'],
+        visible: [],
+        disableUpgradeAll: true,
+        deprecated: true,
+        renderMode: [
+            {
+                component: 'WdTextarea',
+                renderType: 'update',
+                description: `- 支持标题、输入框的提示语配置；
+          - 支持标题的对齐、宽度、换行配置；
+          - 支持支持控制限制字数的展示；
+          - 支持快捷去除移动端下划线、PC端输入边框；
+          - 支持通过标准化的样式API和CSS变量灵活修改和自定义组件样式；`,
+            },
+        ],
     },
 });
 export default config;