@pisell/materials 6.0.5 → 6.0.7

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

@@ -164,6 +164,7 @@ const dataSourceForm: MetaType = {
           title: '字段',
           display: 'entry',
           type: 'group',
+          name: "_fields1",
           items: [
             {
               title: {
@@ -261,6 +262,59 @@ const dataSourceForm: MetaType = {
             },
           },
         },
+        {
+          type: 'group',
+          name: "_extraParams",
+          title: '额外参数',
+          display: 'entry',
+          items: [
+            {
+              name: 'extraParams.list',
+              title: {
+                type: 'i18n',
+                'en-US': 'List Params',
+                'zh-CN': '列表参数',
+              },
+              setter: 'StringSetter'
+            },
+            {
+              name: 'extraParams.get',
+              title: {
+                type: 'i18n',
+                'en-US': 'Get Params',
+                'zh-CN': '获取参数',
+              },
+              setter: 'JsonSetter'
+            },
+            {
+              name: 'extraParams.update',
+              title: {
+                type: 'i18n',
+                'en-US': 'Update Params',
+                'zh-CN': '更新参数',
+              },
+              setter: 'JsonSetter'
+            },
+            // {
+            //   name: 'extraParams.create',
+            //   title: {
+            //     type: 'i18n',
+            //     'en-US': 'Create Params',
+            //     'zh-CN': '创建参数',
+            //   },
+            //   setter: 'StringSetter'
+            // },
+            // {
+            //   name: 'extraParams.destroy',
+            //   title: {
+            //     type: 'i18n',
+            //     'en-US': 'Destroy Params',
+            //     'zh-CN': '删除参数',
+            //   },
+            //   setter: 'StringSetter'
+            // }
+          ]
+        }
       ],
     },
     {
@@ -453,6 +507,70 @@ const dataSourceForm: MetaType = {
         setter: 'BoolSetter',
         supportVariable: true,
       },
+
+      {
+        type: 'group',
+        title: {
+          type: 'i18n',
+          'en-US': 'Functions',
+          'zh-CN': '函数配置',
+        },
+        display: 'accordion',
+        items: [
+          {
+            name: 'customSubmit',
+            title: {
+              label: {
+                type: 'i18n',
+                'en-US': 'Custom Submit',
+                'zh-CN': '自定义提交',
+              },
+            },
+            setter: {
+              componentName: 'FunctionSetter',
+              props: {
+                template:
+                  "customSubmit(values,${extParams}){\n// 格式化数据\nreturn values}",
+              },
+            },
+          },
+          {
+            name: 'formatSubmitValues',
+            title: {
+              label: {
+                type: 'i18n',
+                'en-US': 'Format Submit Values',
+                'zh-CN': '提交前格式化数据',
+              },
+            },
+            setter: {
+              componentName: 'FunctionSetter',
+              props: {
+                template:
+                  "formatSubmitValues(values,${extParams}){\n// 格式化数据\nreturn values}",
+              },
+            },
+          },
+          {
+            name: 'formatInitialValues',
+            title: {
+              label: {
+                type: 'i18n',
+                'en-US': 'Format Initial Values',
+                'zh-CN': '获取详情时格式化数据',
+              },
+            },
+            setter: {
+              componentName: 'FunctionSetter',
+              props: {
+                template:
+                  "formatInitialValues(values,${extParams}){\n// 格式化数据\nreturn values}",
+              },
+            },
+          },
+        ],
+      },
+
       {
         type: 'group',
         title: '布局',
@@ -704,6 +822,13 @@ const dataSourceForm: MetaType = {
           tip: '字段值更新时触发回调事件',
         },
       },
+      {
+        name: 'onDataSourceFinish',
+        title: {
+          label: '数据源提交成功',
+          tip: '数据源提交成功',
+        },
+      },
     ],
     component: { isContainer: true },
     supports: {
@@ -729,6 +854,11 @@ const dataSourceForm: MetaType = {
           template:
             "onValuesChange(changedValues,allValues,${extParams}){\n// 字段值更新时触发回调事件\nconsole.log('onValuesChange',changedValues,allValues);}",
         },
+        {
+          name: 'onDataSourceFinish',
+          template:
+            "onDataSourceFinish(values,result,${extParams}){\n// 数据源提交成功\nconsole.log('onDataSourceFinish',values,result);}",
+        },
       ],
     },
     advanced: {

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

@@ -139,6 +139,12 @@ export const createFormItemSchema = (
     name,
     renderMode: modeMap[mode] || 'edit',
     allowClear: true,
+    placeholder: {
+      type: 'i18n',
+      'en': 'Enter',
+      'zh-CN': '请输入',
+      'zh-HK': '請輸入',
+    },
   };
   let componentName = xComponent;
 
@@ -224,13 +230,27 @@ export const createFormItemSchema = (
   ) {
     if (['Radio.Group', 'Checkbox.Group'].includes(xComponent)) {
       props.direction = 'horizontal';
+      props.placeholder = "";
     } else {
       props.styleType = 'antd';
       props.showSearch = true;
-      props.isShowDropdown = true;
       props.optionFilterProp = 'label';
+      props.placeholder = {
+        type: 'i18n',
+        'en': 'Select an option',
+        'zh-CN': '请选择一个选项',
+        'zh-HK': '請選擇一個選項',
+      };
+
       if (props.mode === "multiple") {
         props.selectAll = true;
+        props.isShowDropdown = true;
+        props.placeholder = {
+          type: 'i18n',
+          'en': 'Select one or more options',
+          'zh-CN': '请选择一个或多个选项',
+          'zh-HK': '請選擇一個或多個選項',
+        };
       }
     }
     props.optionSourceType = 'default';
@@ -239,14 +259,24 @@ export const createFormItemSchema = (
 
   if (xComponent === 'TimePicker') {
     props.format = 'HH:mm';
-    props.placeholder = '';
+    props.placeholder = {
+      type: 'i18n',
+      'en': 'Select a time',
+      'zh-CN': '请选择时间',
+      'zh-HK': '請選擇時間',
+    };
     props.defaultValue = props.defaultValue || null;
   }
 
   if (xComponent === 'DatePicker') {
     props.format = props.dateFormat || 'YYYY-MM-DD';
     props.showTime = false;
-    props.placeholder = '';
+    props.placeholder = {
+      type: 'i18n',
+      'en': 'Select a date',
+      'zh-CN': '请选择日期',
+      'zh-HK': '請選擇日期',
+    };
     props.defaultValue = null;
   }