@pisell/materials 6.0.5 → 6.0.7

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}",
+                            },
+                          },
+                        },
                       ],
                     },
                   },
@@ -853,6 +929,287 @@ const dataSourceTable = {
           },
         ],
       },
+      {
+        title: "表格按钮",
+        display: 'entry',
+        type: 'group',
+        name: '_tableButtons',
+        items: [
+          {
+            name: 'tableButtons.show',
+            title: {
+              label: {
+                type: 'i18n',
+                'en-US': 'Show Table Buttons',
+                'zh-CN': '开启表格按钮组',
+              },
+              tip: {
+                type: 'i18n',
+                'en-US': 'tableButtons.show | Whether to display the table button group',
+                'zh-CN': 'tableButtons.show | 是否显示表格按钮组',
+              },
+            },
+            propType: 'bool',
+            setter: 'BoolSetter',
+            defaultValue: false,
+          },
+          {
+            name: 'tableButtons.items',
+            title: {
+              label: {
+                type: 'i18n',
+                'en-US': 'Table Buttons',
+                'zh-CN': '表格按钮组',
+              },
+              tip: {
+                type: 'i18n',
+                'en-US': 'tableButtons.items | Table buttons on the right',
+                'zh-CN': 'tableButtons.items | 表格右侧按钮项',
+              },
+            },
+            condition: {
+              type: 'JSFunction',
+              value:
+                'target => !!target.getProps().getPropValue("tableButtons.show")',
+            },
+            setter: {
+              componentName: 'ArraySetter',
+              props: {
+                itemSetter: {
+                  componentName: 'ObjectSetter',
+                  props: {
+                    config: {
+                      items: [
+                        {
+                          name: 'label',
+                          title: {
+                            label: {
+                              type: 'i18n',
+                              'en-US': 'Button Text',
+                              'zh-CN': '按钮文案',
+                            },
+                            tip: {
+                              type: 'i18n',
+                              'en-US': 'buttonText | Button text',
+                              'zh-CN': 'buttonText | 按钮文案',
+                            },
+                          },
+                          propType: 'string',
+                          setter: 'PisellI18nSetter',
+                          isRequired: true,
+                        },
+                        {
+                          name: 'openMode',
+                          condition: (target: any) => {
+                            const actionType =
+                              target.parent.getPropValue('actionType');
+                            return actionType === 'add';
+                          },
+                          title: {
+                            label: {
+                              type: 'i18n',
+                              'en-US': 'Open Mode',
+                              'zh-CN': '打开方式',
+                            },
+                            tip: {
+                              type: 'i18n',
+                              'en-US': 'openMode | Open mode',
+                              'zh-CN': 'openMode | 打开方式',
+                            },
+                          },
+                          propType: {
+                            type: 'oneOf',
+                            value: ['modal', 'drawer'],
+                          },
+                          setter: {
+                            componentName: 'RadioGroupSetter',
+                            props: {
+                              options: [
+                                {
+                                  title: '对话框',
+                                  value: 'modal',
+                                },
+                                {
+                                  title: '抽屉',
+                                  value: 'drawer',
+                                },
+                              ],
+                            },
+                          },
+                          defaultValue: 'drawer',
+                        },
+                        {
+                          name: 'openContentSize',
+                          condition: (target: any) => {
+                            const actionType =
+                              target.parent.getPropValue('actionType');
+                            return actionType === 'add';
+                          },
+                          title: {
+                            label: {
+                              type: 'i18n',
+                              'en-US': 'Dialog Size',
+                              'zh-CN': '弹窗尺寸',
+                            },
+                            tip: {
+                              type: 'i18n',
+                              'en-US': 'dialogSize | Dialog size',
+                              'zh-CN': 'dialogSize | 弹窗尺寸',
+                            },
+                          },
+                          propType: {
+                            type: 'oneOf',
+                            value: ['small', 'middle', 'large'],
+                          },
+                          setter: {
+                            componentName: 'RadioGroupSetter',
+                            props: {
+                              options: [
+                                {
+                                  title: '较窄',
+                                  value: 'small',
+                                },
+                                {
+                                  title: '中等',
+                                  value: 'middle',
+                                },
+                                {
+                                  title: '较宽',
+                                  value: 'large',
+                                },
+                              ],
+                            },
+                          },
+                          defaultValue: 'middle',
+                        },
+                        {
+                          name: 'openTitle',
+                          title: {
+                            label: {
+                              type: 'i18n',
+                              'en-US': 'Dialog Title',
+                              'zh-CN': '弹窗标题',
+                            },
+                            tip: {
+                              type: 'i18n',
+                              'en-US': 'dialogTitle | Dialog title',
+                              'zh-CN': 'dialogTitle | 弹窗标题',
+                            },
+                          },
+                          propType: 'string',
+                          setter: 'PisellI18nSetter',
+                          isRequired: true,
+                          condition: (target: any) => {
+                            const actionType =
+                              target.parent.getPropValue('actionType');
+                            return actionType === 'add';
+                          },
+                        },
+                        {
+                          name: 'actionType',
+                          title: {
+                            label: {
+                              type: 'i18n',
+                              'en-US': 'Action Type',
+                              'zh-CN': '操作类型',
+                            },
+                            tip: {
+                              type: 'i18n',
+                              'en-US': 'actionType | Action type',
+                              'zh-CN': 'actionType | 操作类型',
+                            },
+                          },
+                          propType: {
+                            type: 'oneOf',
+                            value: ['add', 'custom'],
+                          },
+                          extraProps: {
+                            setValue(target: any, value: any) {
+                              const key = target.parent.getPropValue('key');
+                              if (['add', 'custom'].includes(value)) {
+                                let content: any = getJsSlot();
+                                if (value !== 'custom') {
+                                  content = getFormContent(target, value);
+                                }
+                                target.node.setPropValue('operationContent', {
+                                  ...(target.node.getPropValue(
+                                    'operationContent'
+                                  ) || {}),
+                                  [key]: content,
+                                });
+                              }
+
+                              return target.parent.setPropValue(
+                                'actionType',
+                                value
+                              );
+                            },
+                          },
+                          setter: {
+                            componentName: 'RadioGroupSetter',
+                            props: {
+                              options: [
+                                {
+                                  title: '添加',
+                                  value: 'add',
+                                },
+                                {
+                                  title: '自定义',
+                                  value: 'custom',
+                                },
+                              ],
+                            },
+                          },
+                        },
+                        {
+                          name: 'buttonProps',
+                          title: {
+                            label: {
+                              type: 'i18n',
+                              'en-US': 'Button Style',
+                              'zh-CN': '按钮样式',
+                            },
+                          },
+                          propType: 'object',
+                          setter: 'JsonSetter',
+                        },
+                      ],
+                    },
+                  },
+                  initialValue: () => {
+                    return {
+                      key: uuid(),
+                      title: '操作',
+                    };
+                  },
+                },
+              },
+            },
+          },
+          {
+            name: 'tableButtons.maxCount',
+            title: {
+              label: {
+                type: 'i18n',
+                'en-US': 'Max Count',
+                'zh-CN': '最大展示数量',
+              },
+              tip: {
+                type: 'i18n',
+                'en-US': 'maxCount | Maximum display count',
+                'zh-CN': 'maxCount | 最大展示数量',
+              },
+            },
+            propType: 'number',
+            condition: {
+              type: 'JSFunction',
+              value:
+                'target => !!target.getProps().getPropValue("tableButtons.show")',
+            },
+            setter: 'NumberSetter',
+          }
+        ],
+      },
       {
         title: "标签页",
         display: 'entry',
@@ -2094,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',
@@ -2114,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: {
@@ -2246,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'
       },
     },