@pisell/materials 1.0.472 → 1.0.474

package/lowcode/data-source-form/meta.ts

@@ -11,8 +11,9 @@ import {
   getCurrentValueVariables,
   setBatchVariables,
 } from './utils';
+import { MetaType } from '../_utils/type';
 
-export default {
+const dataSourceForm: MetaType = {
   snippets,
   componentName: 'DataSourceForm',
   title: '表单',
@@ -50,7 +51,6 @@ export default {
             tip: '表单标题',
           },
           // display: 'block',
-          propType: 'string',
           setter: 'PisellI18nSetter',
         },
         {
@@ -64,7 +64,6 @@ export default {
             tip: '表单描述',
           },
           // display: 'block',
-          propType: 'string',
           setter: 'PisellI18nSetter',
         },
       ],
@@ -176,7 +175,6 @@ export default {
                 'zh-CN': '字段',
               },
               name: '_fields',
-              propType: 'object',
               display: 'block',
               setter: {
                 componentName: 'PisellFieldSetter',
@@ -247,7 +245,7 @@ export default {
             );
           },
           extraProps: {
-            setValue(target: any, value: any) {
+            setValue(target, value) {
               if (!value.value) {
                 return target.getProps().setPropValue('currentValue', '');
               }
@@ -297,7 +295,6 @@ export default {
             },
             tip: '',
           },
-          propType: 'bool',
           defaultValue: true,
           setter: 'BoolSetter',
         },
@@ -311,7 +308,6 @@ export default {
             },
             tip: '',
           },
-          propType: 'bool',
           defaultValue: true,
           setter: 'BoolSetter',
         },
@@ -341,7 +337,9 @@ export default {
                 ],
               },
             },
-            'VariableSetter',
+            {
+              componentName: 'VariableSetter',
+            },
           ],
         },
         {
@@ -370,7 +368,9 @@ export default {
                 ],
               },
             },
-            'VariableSetter',
+            {
+              componentName: 'VariableSetter',
+            },
           ],
           extraProps: {
             setValue(target: any, value: any) {
@@ -403,7 +403,6 @@ export default {
             },
             tip: '尺寸',
           },
-          propType: 'string',
           defaultValue: 'default',
           setter: {
             componentName: 'RadioGroupSetter',
@@ -428,70 +427,82 @@ export default {
       ],
     },
   ],
-  props: [
-    {
-      name: 'ref',
-      title: {
-        label: 'ref',
-        tip: "ref | 通过 this.$('xxx') 获取到组件实例",
+  configure: {
+    props: [
+      {
+        name: 'ref',
+        title: {
+          label: 'ref',
+          tip: "ref | 通过 this.$('xxx') 获取到组件实例",
+        },
+        defaultValue: () => {
+          return `form_${uuid()}`;
+        },
+        setter: 'StringSetter',
+        supportVariable: true,
       },
-      defaultValue: () => {
-        return `form_${uuid()}`;
+      {
+        name: 'values',
+        title: { label: '表单数据源', tip: '表单数据源' },
+        setter: 'JsonSetter',
+        supportVariable: true,
       },
-      setter: 'StringSetter',
-      supportVariable: true,
-    },
-    {
-      name: 'values',
-      title: { label: '表单数据源', tip: '表单数据源' },
-      propType: 'object',
-      setter: 'JsonSetter',
-      supportVariable: true,
-    },
-    {
-      name: 'colon',
-      title: { label: '展示冒号', tip: '' },
-      propType: 'bool',
-      defaultValue: true,
-      setter: 'BoolSetter',
-      supportVariable: true,
-    },
-    {
-      name: 'hideRequiredMark',
-      title: { label: '隐藏必填标记', tip: '隐藏必填标记' },
-      propType: 'bool',
-      defaultValue: false,
-      setter: 'BoolSetter',
-      supportVariable: true,
-    },
-    {
-      type: 'group',
-      title: '布局',
-      display: 'accordion',
-      items: [
-        {
-          name: 'labelCol',
-          title: '标签栅格布局设置',
-          display: 'inline',
-          setter: {
-            componentName: 'ObjectSetter',
-            props: {
-              config: {
-                items: [
-                  {
-                    name: 'span',
-                    title: '宽度',
-                    setter: {
-                      componentName: 'NumberSetter',
-                      props: {
-                        min: 0,
-                        max: 24,
+      {
+        name: 'colon',
+        title: { label: '展示冒号', tip: '' },
+        defaultValue: true,
+        setter: 'BoolSetter',
+        supportVariable: true,
+      },
+      {
+        name: 'hideRequiredMark',
+        title: { label: '隐藏必填标记', tip: '隐藏必填标记' },
+        defaultValue: false,
+        setter: 'BoolSetter',
+        supportVariable: true,
+      },
+      {
+        type: 'group',
+        title: '布局',
+        display: 'accordion',
+        items: [
+          {
+            name: 'labelCol',
+            title: '标签栅格布局设置',
+            display: 'inline',
+            setter: {
+              componentName: 'ObjectSetter',
+              props: {
+                config: {
+                  items: [
+                    {
+                      name: 'span',
+                      title: '宽度',
+                      setter: {
+                        componentName: 'NumberSetter',
+                        props: {
+                          min: 0,
+                          max: 24,
+                        },
                       },
                     },
-                  },
+                    {
+                      name: 'offset',
+                      title: '偏移',
+                      setter: {
+                        componentName: 'NumberSetter',
+                        props: {
+                          min: 0,
+                          max: 24,
+                        },
+                      },
+                    },
+                  ],
+                },
+                extraSetter: [
                   {
-                    name: 'offset',
-                    title: '偏移',
+                    name: 'span',
+                    title: '宽度',
                     setter: {
                       componentName: 'NumberSetter',
                       props: {
@@ -502,232 +513,206 @@ export default {
                   },
                 ],
               },
-              extraSetter: [
-                {
-                  name: 'span',
-                  title: '宽度',
-                  setter: {
-                    componentName: 'NumberSetter',
-                    props: {
-                      min: 0,
-                      max: 24,
-                    },
-                  },
-                },
-              ],
             },
+            description:
+              'label 标签布局，同 `<Col>` 组件，设置 span offset 值，如 {span: 8, offset: 16}，该项仅在垂直表单有效',
           },
-          description:
-            'label 标签布局，同 `<Col>` 组件，设置 span offset 值，如 {span: 8, offset: 16}，该项仅在垂直表单有效',
-        },
-        {
-          name: 'wrapperCol',
-          title: '内容栅格布局设置',
-          display: 'inline',
-          setter: {
-            componentName: 'ObjectSetter',
-            props: {
-              config: {
-                items: [
-                  {
-                    name: 'span',
-                    title: '宽度',
-                    setter: {
-                      componentName: 'NumberSetter',
-                      props: {
-                        min: 0,
-                        max: 24,
+          {
+            name: 'wrapperCol',
+            title: '内容栅格布局设置',
+            display: 'inline',
+            setter: {
+              componentName: 'ObjectSetter',
+              props: {
+                config: {
+                  items: [
+                    {
+                      name: 'span',
+                      title: '宽度',
+                      setter: {
+                        componentName: 'NumberSetter',
+                        props: {
+                          min: 0,
+                          max: 24,
+                        },
                       },
                     },
-                  },
-                  {
-                    name: 'offset',
-                    title: '偏移',
-                    setter: {
-                      componentName: 'NumberSetter',
-                      props: {
-                        min: 0,
-                        max: 24,
+                    {
+                      name: 'offset',
+                      title: '偏移',
+                      setter: {
+                        componentName: 'NumberSetter',
+                        props: {
+                          min: 0,
+                          max: 24,
+                        },
                       },
                     },
-                  },
-                ],
+                  ],
+                },
               },
             },
+            description:
+              '需要为输入控件设置布局样式时，使用该属性，用法同 labelCol',
           },
-          description:
-            '需要为输入控件设置布局样式时，使用该属性，用法同 labelCol',
+        ],
+      },
+      {
+        name: 'labelAlign',
+        title: {
+          label: '标签对齐',
+          tip: 'label 标签的文本对齐方式',
         },
-      ],
-    },
-    {
-      name: 'labelAlign',
-      title: {
-        label: '标签对齐',
-        tip: 'label 标签的文本对齐方式',
+        setter: {
+          componentName: 'RadioGroupSetter',
+          props: {
+            options: [
+              {
+                title: '左',
+                value: 'left',
+              },
+              {
+                title: '右',
+                value: 'right',
+              },
+            ],
+          },
+        },
+        defaultValue: 'right',
       },
-      setter: {
-        componentName: 'RadioGroupSetter',
-        props: {
-          options: [
-            {
-              title: '左',
-              value: 'left',
-            },
-            {
-              title: '右',
-              value: 'right',
-            },
-          ],
+      {
+        name: 'layout',
+        title: { label: '表单布局', tip: '表单布局' },
+        setter: {
+          componentName: 'RadioGroupSetter',
+          props: {
+            options: [
+              {
+                title: '水平',
+                value: 'horizontal',
+              },
+              {
+                title: '垂直',
+                value: 'vertical',
+              },
+              {
+                title: '行内',
+                value: 'inline',
+              },
+            ],
+          },
         },
+        defaultValue: 'horizontal',
       },
-      propType: { type: 'oneOf', value: ['left', 'right'] },
-      defaultValue: 'right',
-    },
-    {
-      name: 'layout',
-      title: { label: '表单布局', tip: '表单布局' },
-      setter: {
-        componentName: 'RadioGroupSetter',
-        props: {
-          options: [
-            {
-              title: '水平',
-              value: 'horizontal',
-            },
-            {
-              title: '垂直',
-              value: 'vertical',
-            },
-            {
-              title: '行内',
-              value: 'inline',
-            },
-          ],
+      {
+        name: 'name',
+        title: {
+          label: '表单名称',
+          tip: '表单名称，会作为表单字段 `id` 前缀使用',
         },
+        setter: 'StringSetter',
+        supportVariable: true,
       },
-      propType: { type: 'oneOf', value: ['horizontal', 'vertical', 'inline'] },
-      defaultValue: 'horizontal',
-    },
-    {
-      name: 'name',
-      title: {
-        label: '表单名称',
-        tip: '表单名称，会作为表单字段 `id` 前缀使用',
+      {
+        name: 'preserve',
+        title: {
+          label: '删除时保留值',
+          tip: '当字段被删除时保留字段值',
+        },
+        defaultValue: true,
+        setter: 'BoolSetter',
+        supportVariable: true,
       },
-      propType: 'string',
-      setter: 'StringSetter',
-      supportVariable: true,
-    },
-    {
-      name: 'preserve',
-      title: {
-        label: '删除时保留值',
-        tip: '当字段被删除时保留字段值',
+      {
+        name: 'scrollToFirstError',
+        title: {
+          label: '滚至错误',
+          tip: '提交失败自动滚动到第一个错误字段',
+        },
+        defaultValue: true,
+        setter: 'BoolSetter',
+        supportVariable: true,
       },
-      propType: 'bool',
-      defaultValue: true,
-      setter: 'BoolSetter',
-      supportVariable: true,
-    },
-    {
-      name: 'scrollToFirstError',
-      title: {
-        label: '滚至错误',
-        tip: '提交失败自动滚动到第一个错误字段',
+      {
+        name: 'size',
+        title: {
+          label: '字段组件尺寸',
+          tip: '设置字段组件的尺寸（仅限 antd 组件）',
+        },
+        setter: {
+          componentName: 'RadioGroupSetter',
+          props: {
+            options: [
+              {
+                title: '大',
+                value: 'large',
+              },
+              {
+                title: '中',
+                value: 'middle',
+              },
+              {
+                title: '小',
+                value: 'small',
+              },
+            ],
+          },
+        },
+        defaultValue: 'middle',
       },
-      propType: 'bool',
-      defaultValue: true,
-      setter: 'BoolSetter',
-      supportVariable: true,
-    },
-    {
-      name: 'size',
-      title: {
-        label: '字段组件尺寸',
-        tip: '设置字段组件的尺寸（仅限 antd 组件）',
+      {
+        name: 'validateMessages',
+        title: { label: '验证提示模板', tip: '验证提示模板' },
+        setter: 'JsonSetter',
       },
-      propType: { type: 'oneOf', value: ['small', 'middle', 'large'] },
-      setter: {
-        componentName: 'RadioGroupSetter',
-        props: {
-          options: [
-            {
-              title: '大',
-              value: 'large',
-            },
-            {
-              title: '中',
-              value: 'middle',
-            },
-            {
-              title: '小',
-              value: 'small',
-            },
-          ],
+      {
+        name: 'validateTrigger',
+        title: { label: '校验时机', tip: '所有字段校验触发时机' },
+        setter: {
+          componentName: 'RadioGroupSetter',
+          props: {
+            options: [
+              {
+                title: '当前值变化时',
+                value: 'onChange',
+              },
+              {
+                title: '失去焦点时',
+                value: 'onBlur',
+              },
+            ],
+          },
         },
       },
-      defaultValue: 'middle',
-    },
-    {
-      name: 'validateMessages',
-      title: { label: '验证提示模板', tip: '验证提示模板' },
-      setter: 'JsonSetter',
-    },
-    {
-      name: 'validateTrigger',
-      title: { label: '校验时机', tip: '所有字段校验触发时机' },
-      propType: {
-        type: 'oneOf',
-        value: ['onChange', 'onBlur'],
-      },
-      setter: {
-        componentName: 'RadioGroupSetter',
-        props: {
-          options: [
-            {
-              title: '当前值变化时',
-              value: 'onChange',
-            },
-            {
-              title: '失去焦点时',
-              value: 'onBlur',
-            },
-          ],
+      {
+        name: 'onFinish',
+        title: {
+          label: '提交表单且数据验证成功后回调事件',
+          tip: '提交表单且数据验证成功后回调事件',
         },
       },
-    },
-    {
-      name: 'onFinish',
-      title: {
-        label: '提交表单且数据验证成功后回调事件',
-        tip: '提交表单且数据验证成功后回调事件',
+      {
+        name: 'onFinishFailed',
+        title: {
+          label: '提交表单且数据验证失败后回调事件',
+          tip: '提交表单且数据验证失败后回调事件',
+        },
       },
-      propType: 'func',
-    },
-    {
-      name: 'onFinishFailed',
-      title: {
-        label: '提交表单且数据验证失败后回调事件',
-        tip: '提交表单且数据验证失败后回调事件',
+      {
+        name: 'onFieldsChange',
+        title: {
+          label: '字段更新时触发回调事件',
+          tip: '字段更新时触发回调事件',
+        },
       },
-      propType: 'func',
-    },
-    {
-      name: 'onFieldsChange',
-      title: { label: '字段更新时触发回调事件', tip: '字段更新时触发回调事件' },
-      propType: 'func',
-    },
-    {
-      name: 'onValuesChange',
-      title: {
-        label: '字段值更新时触发回调事件',
-        tip: '字段值更新时触发回调事件',
+      {
+        name: 'onValuesChange',
+        title: {
+          label: '字段值更新时触发回调事件',
+          tip: '字段值更新时触发回调事件',
+        },
       },
-      propType: 'func',
-    },
-  ],
-  configure: {
+    ],
     component: { isContainer: true },
     supports: {
       style: true,
@@ -783,18 +768,18 @@ export default {
           }
 
           // 为目标元素包裹一层P
-          const layoutPNode = currentNode.document.createNode({
+          const layoutPNode = currentNode?.document?.createNode({
             componentName: 'Form.Item',
             props: {
               label: '表单项: ',
             },
-            children: [dragment.exportSchema()],
+            children: [(dragment as any).exportSchema()],
           });
           // 当前dragment还未添加入node子节点,需要setTimeout处理
           setTimeout(() => {
-            currentNode.replaceChild(
+            (currentNode?.replaceChild as any)(
               dragment,
-              layoutPNode.exportSchema(),
+              (layoutPNode as any).exportSchema(),
               // 避免生成新的 nodeId
               { reserveSchemaNodeId: true }
             );
@@ -804,3 +789,4 @@ export default {
     },
   },
 };
+export default dataSourceForm;