@pisell/materials 6.0.4 → 6.0.6

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

@@ -853,6 +853,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',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "6.0.4",
+  "version": "6.0.6",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -65,8 +65,8 @@
     "react-virtualized-auto-sizer": "^1.0.20",
     "crypto-js": "^4.2.0",
     "@zxing/library": "0.21.2",
-    "@pisell/icon": "0.0.11",
     "@pisell/utils": "1.0.42",
+    "@pisell/icon": "0.0.11",
     "@pisell/date-picker": "1.0.100"
   },
   "peerDependencies": {