@pisell/materials 6.0.6 → 6.0.8

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;
   }
 

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

@@ -454,6 +454,59 @@ const dataSourceTable = {
         //     },
         //   ],
         // },
+
+        {
+          type: 'group',
+          title: '额外参数',
+          display: 'entry',
+          items: [
+            {
+              name: 'extraParams.list',
+              title: {
+                type: 'i18n',
+                'en-US': 'List Params',
+                'zh-CN': '列表参数',
+              },
+              setter: 'JsonSetter'
+            },
+            {
+              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'
+            // }
+          ]
+        }
       ],
     },
 
@@ -816,6 +869,29 @@ const dataSourceTable = {
                             },
                           },
                         },
+                        {
+                          name: 'beforeOpen',
+                          title: {
+                            label: {
+                              type: 'i18n',
+                              'en-US': 'Before Open',
+                              'zh-CN': '打开前校验',
+                            },
+                            tip: {
+                              type: 'i18n',
+                              'en-US': 'beforeOpen | Function to validate before opening',
+                              'zh-CN': 'beforeOpen | 打开前的校验函数，返回 true 才会打开',
+                            },
+                          },
+                          propType: 'func',
+                          setter: {
+                            componentName: 'FunctionSetter',
+                            props: {
+                              template:
+                                "beforeOpen(values,${extParams}){\n// 校验数据\nreturn true}",
+                            },
+                          },
+                        },
                       ],
                     },
                   },
@@ -2375,13 +2451,13 @@ const dataSourceTable = {
                             },
                             tip: {
                               type: 'i18n',
-                              'en-US': 'Open mode | Dialog(modal)、Drawer(drawer)',
-                              'zh-CN': '打开方式 | 对话框(modal)、抽屉(drawer)',
+                              'en-US': 'Open mode | Dialog(modal)、Drawer(drawer) | Custom(custom)',
+                              'zh-CN': '打开方式 | 对话框(modal)、抽屉(drawer) | 自定义(custom)',
                             },
                           },
                           propType: {
                             type: 'oneOf',
-                            value: ['modal', 'drawer'],
+                            value: ['modal', 'drawer', 'custom'],
                           },
                           setter: {
                             componentName: 'RadioGroupSetter',
@@ -2395,11 +2471,40 @@ const dataSourceTable = {
                                   title: '抽屉',
                                   value: 'drawer',
                                 },
+                                {
+                                  title: '自定义',
+                                  value: 'custom',
+                                },
                               ],
                             },
                           },
                           defaultValue: 'drawer',
                         },
+                        {
+                          name: 'onClick',
+                          title: {
+                            label: {
+                              type: 'i18n',
+                              'en-US': 'Click Event',
+                              'zh-CN': '点击事件',
+                            },
+                            tip: {
+                              type: 'i18n',
+                              'en-US': 'Click event handler',
+                              'zh-CN': '点击事件处理函数',
+                            },
+                          },
+                          propType: 'func',
+                          setter: [
+                            {
+                              componentName: 'FunctionSetter',
+                              props: {
+                                template: 'onClick(record,${extParams}){\n// 点击按钮时的回调\nconsole.log("onClick", record);\n}',
+                              },
+                            },
+                            'VariableSetter',
+                          ],
+                        },
                         {
                           name: 'openContentSize',
                           title: {
@@ -2527,6 +2632,37 @@ const dataSourceTable = {
                             },
                           },
                         },
+                        {
+                          name: 'show',
+                          title: {
+                            label: {
+                              type: 'i18n',
+                              'en-US': 'Show',
+                              'zh-CN': '是否展示',
+                            },
+                            tip: {
+                              type: 'i18n',
+                              'en-US': 'Whether to show this operation button',
+                              'zh-CN': '是否展示该操作按钮',
+                            },
+                          },
+                          propType: {
+                            type: 'oneOfType',
+                            value: ['JSFunction', 'bool',]
+                          },
+                          setter: [
+                            {
+                              componentName: 'FunctionSetter',
+                              props: {
+                                template:
+                                  "show(record,${extParams}){\n// 校验数据\nreturn true}",
+                              },
+                            },
+                            {
+                              componentName: 'BoolSetter'
+                            },
+                          ],
+                        }
                       ],
                     },
                   },

package/lowcode/data-source-table/utils.tsx

@@ -236,6 +236,12 @@ export const getFormContent = (target: any, mode: 'add' | 'edit' | 'view') => {
           showAfterSubmit: true,
           title: toastTitleMap[mode as 'add' | 'edit'],
         },
+        childrenString: {
+          type: 'i18n',
+          en: 'Save',
+          'zh-CN': '保存',
+          'zh-HK': '保存',
+        },
       })
     );
   }

package/lowcode/form-item-date-picker/snippets.ts

@@ -1,3 +1,5 @@
+import { datePickerPlaceholder } from "../_utils/defaultSchema";
+
 export default [
   {
     title: '日期输入',
@@ -6,6 +8,7 @@ export default [
       title: '日期输入',
       componentName: 'FormItemDatePicker',
       props: {
+        placeholder: datePickerPlaceholder,
         showTime: false
       },
     },

package/lowcode/form-item-input/snippets.ts

@@ -1,3 +1,5 @@
+import { inputPlaceholder } from "../_utils/defaultSchema";
+
 export default [
   {
     title: '单行文本',
@@ -6,7 +8,7 @@ export default [
       componentName: 'FormItemInput',
       title: '单行文本',
       props: {
-        placeholder: '请输入',
+        placeholder: inputPlaceholder,
         allowClear: true,
       },
     },

package/lowcode/form-item-input-number/snippets.ts

@@ -1,3 +1,5 @@
+import { inputPlaceholder } from "../_utils/defaultSchema";
+
 export default [
   {
     title: '数字输入',
@@ -8,6 +10,7 @@ export default [
       componentName: 'FormItemInputNumber',
       props: {
         allowClear: true,
+          placeholder: inputPlaceholder,
       },
     },
   },
@@ -21,6 +24,7 @@ export default [
       props: {
         addonAfter: '%',
         allowClear: true,
+        placeholder: inputPlaceholder,
       },
     },
   },

package/lowcode/form-item-input.email/snippets.ts

@@ -1,3 +1,5 @@
+import { inputPlaceholder } from "../_utils/defaultSchema";
+
 export default [
   {
     title: '电子邮箱输入',
@@ -6,6 +8,7 @@ export default [
       componentName: 'FormItemInput.Email',
       title: '电子邮箱输入',
       props: {
+        placeholder: inputPlaceholder,
         typeobj: {
           type: 'email',
           enabled: true,

package/lowcode/form-item-input.json/snippets.ts

@@ -1,3 +1,5 @@
+import { inputPlaceholder } from "../_utils/defaultSchema";
+
 export default [
   {
     title: 'JSON',
@@ -6,10 +8,11 @@ export default [
       title: 'JSON',
       componentName: 'FormItemInput.JSON',
       props: {
+
         autoSize: {
           minRows: 4,
         },
-        placeholder: '请输入',
+        placeholder: inputPlaceholder,
         normalize: {
           type: 'JSExpression',
           value:

package/lowcode/form-item-input.password/snippets.ts

@@ -1,3 +1,5 @@
+import { inputPlaceholder } from "../_utils/defaultSchema";
+
 export default [
   {
     title: '密码输入',
@@ -8,6 +10,7 @@ export default [
       props: {
         // defaultValue: '123456',
         allowClear: true,
+        placeholder: inputPlaceholder,
       },
     },
   },

package/lowcode/form-item-input.phone/snippets.ts

@@ -1,3 +1,5 @@
+import { inputPlaceholder } from "../_utils/defaultSchema";
+
 export default [
   {
     title: '手机号码输入',
@@ -6,6 +8,7 @@ export default [
       title: '手机号码输入',
       componentName: 'FormItemInput.Phone',
       props: {
+        placeholder: inputPlaceholder,
         type: 'tel',
         allowClear: true,
         typeobj: {

package/lowcode/form-item-input.text-area/snippets.ts

@@ -1,3 +1,5 @@
+import { inputPlaceholder } from "../_utils/defaultSchema";
+
 export default [
   {
     title: "多行文本",
@@ -7,7 +9,7 @@ export default [
       componentName: 'FormItemInput.TextArea',
       props: {
         allowClear: true,
-        placeholder: '请输入',
+        placeholder: inputPlaceholder,
       },
     },
   },

package/lowcode/form-item-input.url/snippets.ts

@@ -1,3 +1,5 @@
+import { inputPlaceholder } from "../_utils/defaultSchema";
+
 export default [
   {
     title: '链接输入',
@@ -6,6 +8,7 @@ export default [
       componentName: 'FormItemInput.URL',
       title: '链接输入',
       props: {
+        placeholder: inputPlaceholder,
         allowClear: true,
         typeobj: {
           type: 'url',

package/lowcode/form-item-select/meta.ts

@@ -33,11 +33,12 @@ export default {
     // 信息分组
     getFormItemGeneralInfoGroup([
       generalItemMap['label'],
+      generalItemMap['placeholder'],
       generalItemMap['tooltip'],
       generalItemMap['extra'],
       generalItemMap['hideLabel'],
       generalItemMap['renderMode'],
-      // generalItemMap['defaultValue'],
+      generalItemMap['defaultValue'],
     ]),
     // 选项类型分组
     formItemGeneralOptionTypeGroup,

package/lowcode/form-item-select/snippets.ts

@@ -1,3 +1,5 @@
+import { selectPlaceholder, selectMultiplePlaceholder } from "../_utils/defaultSchema";
+
 export default [
   {
     title: '单项选择器',
@@ -7,9 +9,11 @@ export default [
       componentName: 'FormItemSelect',
       props: {
         allowClear: true,
+        placeholder: selectPlaceholder,
         optionSourceType: 'default',
         optionFilterProp: 'label',
         styleType: "antd",
+        showSearch: true,
         options: [
           {
             label: 'A',
@@ -36,6 +40,8 @@ export default [
       props: {
         allowClear: true,
         mode: 'multiple',
+        showSearch: true,
+        placeholder: selectMultiplePlaceholder,
         optionSourceType: 'default',
         optionFilterProp: 'label',
         styleType: "antd",

package/lowcode/form-item-time-picker/snippets.ts

@@ -1,3 +1,5 @@
+import { timePickerPlaceholder } from "../_utils/defaultSchema";
+
 export default [
   {
     title: '时间录入',
@@ -6,6 +8,7 @@ export default [
       title: '时间录入',
       componentName: 'FormItemTimePicker',
       props: {
+        placeholder: timePickerPlaceholder,
         format: 'HH:mm'
       },
     },

package/lowcode/form-item-translation/snippets.ts

@@ -1,3 +1,5 @@
+import { inputPlaceholder } from "../_utils/defaultSchema";
+
 export default [
   {
     title: '多语言文本',
@@ -5,7 +7,7 @@ export default [
       componentName: 'FormItemTranslation',
       title: '多语言文本',
       props: {
-        placeholder: '请输入',
+        placeholder: inputPlaceholder,
         allowClear: true,
       },
     },