amis-editor 5.3.0 → 5.4.1

package/esm/plugin/Form/InputTable.js

@@ -1,20 +1,21 @@
 /**
- * amis-editor v5.3.0
+ * amis-editor v5.4.0
  * Copyright 2018-2023 @fex
  */
 
 import { __extends, __assign, __awaiter, __generator, __values } from 'tslib';
-import { getI18nEnabled, getSchemaTpl, tipedLabel, defaultValue, mockValue, repeatArray, BasePlugin, registerEditorPlugin } from 'amis-editor-core';
+import { getSchemaTpl, getI18nEnabled, tipedLabel, defaultValue, DSBuilderManager, mockValue, repeatArray, BasePlugin, registerEditorPlugin } from 'amis-editor-core';
 import { setVariable } from 'amis-core';
 import { ValidatorTag } from '../../validator.js';
+import { getArgsWrapper, getEventControlConfig } from '../../renderer/event-control/helper.js';
 import cloneDeep from 'lodash/cloneDeep';
 import { resolveArrayDatasource } from '../../util.js';
 import { i18n } from 'i18n-runtime';
 
 var TableControlPlugin = /** @class */function (_super) {
   __extends(TableControlPlugin, _super);
-  function TableControlPlugin() {
-    var _this = _super !== null && _super.apply(this, arguments) || this;
+  function TableControlPlugin(manager) {
+    var _this = _super.call(this, manager) || this;
     // 关联渲染器名字
     _this.rendererName = 'input-table';
     _this.$schema = '/schemas/TableControlSchema.json';
@@ -92,276 +93,398 @@ var TableControlPlugin = /** @class */function (_super) {
     _this.notRenderFormZone = true;
     _this.panelJustify = true;
     _this.panelTitle = i18n("13c250c68608118463871ce7cd8b292c");
-    _this.events = [
-      // {
-      //   eventName: 'addConfirm',
-      //   eventLabel: '确认添加',
-      //   description: '开启needConfirm，点击添加按钮，填入数据后点击“保存”按钮后触发',
-      //   dataSchema: [
-      //     {
-      //       type: 'object',
-      //       properties: {
-      //         'event.data.value': {
-      //           type: 'array',
-      //           title: '表格数据'
-      //         },
-      //         'event.data.item': {
-      //           type: 'object',
-      //           title: '添加项数据'
-      //         },
-      //         'event.data.index': {
-      //           type: 'number',
-      //           title: '添加项的行索引'
-      //         }
-      //       }
-      //     }
-      //   ]
-      // },
-      // {
-      //   eventName: 'addSuccess',
-      //   eventLabel: '添加成功',
-      //   description: '开启needConfirm并且配置addApi，点击“保存”后调用接口成功时触发',
-      //   dataSchema: [
-      //     {
-      //       type: 'object',
-      //       properties: {
-      //         'event.data.value': {
-      //           type: 'array',
-      //           title: '表格数据'
-      //         },
-      //         'event.data.item': {
-      //           type: 'object',
-      //           title: '添加项数据'
-      //         },
-      //         'event.data.index': {
-      //           type: 'number',
-      //           title: '添加项所在的行索引'
-      //         }
-      //       }
-      //     }
-      //   ]
-      // },
-      // {
-      //   eventName: 'addFail',
-      //   eventLabel: '添加失败',
-      //   description: '开启needConfirm并且配置addApi，点击“保存”后调用接口失败时触发',
-      //   dataSchema: [
-      //     {
-      //       type: 'object',
-      //       properties: {
-      //         'event.data.value': {
-      //           type: 'array',
-      //           title: '表格数据'
-      //         },
-      //         'event.data.item': {
-      //           type: 'object',
-      //           title: '添加项数据'
-      //         },
-      //         'event.data.index': {
-      //           type: 'number',
-      //           title: '添加项所在的行索引'
-      //         },
-      //         'event.data.error': {
-      //           type: 'object',
-      //           title: 'addApi请求失败后接口返回的错误信息'
-      //         }
-      //       }
-      //     }
-      //   ]
-      // },
-      // {
-      //   eventName: 'edit',
-      //   eventLabel: '编辑行',
-      //   description: '点击某一行右侧操作栏“编辑”按钮时触发',
-      //   dataSchema: [
-      //     {
-      //       type: 'object',
-      //       properties: {
-      //         'event.data.value': {
-      //           type: 'array',
-      //           title: '表格数据'
-      //         },
-      //         'event.data.item': {
-      //           type: 'object',
-      //           title: '编辑项数据'
-      //         },
-      //         'event.data.index': {
-      //           type: 'number',
-      //           title: '编辑项所在的行索引'
-      //         }
-      //       }
-      //     }
-      //   ]
-      // },
-      // {
-      //   eventName: 'editConfirm',
-      //   eventLabel: '编辑确认',
-      //   description: '开启needConfirm，点击“编辑”按钮，填入数据后点击“保存”按钮后触发',
-      //   dataSchema: [
-      //     {
-      //       type: 'object',
-      //       properties: {
-      //         'event.data.value': {
-      //           type: 'array',
-      //           title: '表格数据'
-      //         },
-      //         'event.data.item': {
-      //           type: 'object',
-      //           title: '编辑项数据'
-      //         },
-      //         'event.data.index': {
-      //           type: 'number',
-      //           title: '编辑项所在的行索引'
-      //         }
-      //       }
-      //     }
-      //   ]
-      // },
-      // {
-      //   eventName: 'editSuccess',
-      //   eventLabel: '编辑成功',
-      //   description: '开启needConfirm并且配置updateApi，点击“保存”后调用接口成功时触发',
-      //   dataSchema: [
-      //     {
-      //       type: 'object',
-      //       properties: {
-      //         'event.data.value': {
-      //           type: 'array',
-      //           title: '表格数据'
-      //         },
-      //         'event.data.item': {
-      //           type: 'object',
-      //           title: '编辑项数据'
-      //         },
-      //         'event.data.index': {
-      //           type: 'number',
-      //           title: '编辑项所在的行索引'
-      //         }
-      //       }
-      //     }
-      //   ]
-      // },
-      // {
-      //   eventName: 'editFail',
-      //   eventLabel: '编辑失败',
-      //   description: '开启needConfirm并且配置updateApi，点击“保存”后调用接口失败时触发',
-      //   dataSchema: [
-      //     {
-      //       type: 'object',
-      //       properties: {
-      //         'event.data.value': {
-      //           type: 'array',
-      //           title: '表格数据'
-      //         },
-      //         'event.data.item': {
-      //           type: 'object',
-      //           title: '编辑项数据'
-      //         },
-      //         'event.data.index': {
-      //           type: 'number',
-      //           title: '编辑项所在的行索引'
-      //         },
-      //         'event.data.error': {
-      //           type: 'object',
-      //           title: 'updateApi请求错误后返回的错误信息'
-      //         }
-      //       }
-      //     }
-      //   ]
-      // },
-      // {
-      //   eventName: 'delete',
-      //   eventLabel: '删除行',
-      //   description: '点击某一行右侧操作栏“删除”按钮时触发',
-      //   dataSchema: [
-      //     {
-      //       type: 'object',
-      //       properties: {
-      //         'event.data.value': {
-      //           type: 'array',
-      //           title: '表格数据'
-      //         },
-      //         'event.data.item': {
-      //           type: 'object',
-      //           title: '删除项数据'
-      //         },
-      //         'event.data.index': {
-      //           type: 'object',
-      //           title: '删除项所在的行索引'
-      //         }
-      //       }
-      //     }
-      //   ]
-      // },
-      // {
-      //   eventName: 'deleteSuccess',
-      //   eventLabel: '删除成功',
-      //   description: '配置了deleteApi，调用接口成功时触发',
-      //   dataSchema: [
-      //     {
-      //       type: 'object',
-      //       properties: {
-      //         'event.data.value': {
-      //           type: 'array',
-      //           title: '表格数据'
-      //         },
-      //         'event.data.item': {
-      //           type: 'object',
-      //           title: '删除项数据'
-      //         },
-      //         'event.data.index': {
-      //           type: 'object',
-      //           title: '删除项所在的行索引'
-      //         }
-      //       }
-      //     }
-      //   ]
-      // },
-      // {
-      //   eventName: 'deleteFail',
-      //   eventLabel: '删除失败',
-      //   description: '配置了deleteApi，调用接口失败时触发',
-      //   dataSchema: [
-      //     {
-      //       type: 'object',
-      //       properties: {
-      //         'event.data.value': {
-      //           type: 'array',
-      //           title: '表格数据'
-      //         },
-      //         'event.data.item': {
-      //           type: 'object',
-      //           title: '编辑项数据'
-      //         },
-      //         'event.data.index': {
-      //           type: 'object',
-      //           title: '编辑项所在的行索引'
-      //         }
-      //       }
-      //     }
-      //   ]
-      // },
-      // {
-      //   eventName: 'change',
-      //   eventLabel: '值变化',
-      //   description: '组件数据发生改变时触发',
-      //   dataSchema: [
-      //     {
-      //       type: 'object',
-      //       properties: {
-      //         'event.data.value': {
-      //           type: 'array',
-      //           title: '表格数据'
-      //         }
-      //       }
-      //     }
-      //   ]
-      // }
-    ];
+    _this.events = [{
+      eventName: 'add',
+      eventLabel: i18n("58477471b3bb8ad53fe9ab18a244868b"),
+      description: i18n("6070fdf451b08e4302a7dab560771222"),
+      dataSchema: [{
+        type: 'object',
+        properties: {
+          'event.data.value': {
+            type: 'array',
+            title: i18n("c9f63503ee66082fc00c3e6eac57a95f")
+          },
+          'event.data.index': {
+            type: 'array',
+            title: i18n("7b25d5ff93da66fe95b5409731bb9838")
+          }
+        }
+      }]
+    }, {
+      eventName: 'addConfirm',
+      eventLabel: i18n("5e3640e4bc8efbe00a7b7c6ba169560c"),
+      description: i18n("008ae858112dcc7739985045e4326f3a"),
+      dataSchema: [{
+        type: 'object',
+        properties: {
+          'event.data.value': {
+            type: 'array',
+            title: i18n("c9f63503ee66082fc00c3e6eac57a95f")
+          },
+          'event.data.item': {
+            type: 'object',
+            title: i18n("1fb1cbe49c3e72c2b5f4e0151a4cb5d9")
+          },
+          'event.data.index': {
+            type: 'number',
+            title: i18n("7b25d5ff93da66fe95b5409731bb9838")
+          }
+        }
+      }]
+    }, {
+      eventName: 'addSuccess',
+      eventLabel: i18n("3fdaeadf0e8a3154ae62784f04138c28"),
+      description: i18n("bd4ef227fe8aae88ae6aa97236c0e9bb"),
+      dataSchema: [{
+        type: 'object',
+        properties: {
+          'event.data.value': {
+            type: 'array',
+            title: i18n("c9f63503ee66082fc00c3e6eac57a95f")
+          },
+          'event.data.item': {
+            type: 'object',
+            title: i18n("1fb1cbe49c3e72c2b5f4e0151a4cb5d9")
+          },
+          'event.data.index': {
+            type: 'number',
+            title: i18n("7b25d5ff93da66fe95b5409731bb9838")
+          }
+        }
+      }]
+    }, {
+      eventName: 'addFail',
+      eventLabel: i18n("6452a05591d7402a8bcd9fadc950c449"),
+      description: i18n("bd7c39d10dbf6985d2be2d9a4fdcccf7"),
+      dataSchema: [{
+        type: 'object',
+        properties: {
+          'event.data.value': {
+            type: 'array',
+            title: i18n("c9f63503ee66082fc00c3e6eac57a95f")
+          },
+          'event.data.item': {
+            type: 'object',
+            title: i18n("1fb1cbe49c3e72c2b5f4e0151a4cb5d9")
+          },
+          'event.data.index': {
+            type: 'number',
+            title: i18n("7b25d5ff93da66fe95b5409731bb9838")
+          },
+          'event.data.error': {
+            type: 'object',
+            title: i18n("37122b9e4499da38258b3d51b09d68a1")
+          }
+        }
+      }]
+    }, {
+      eventName: 'edit',
+      eventLabel: i18n("88ebffeee507da0f0d039eb2d05f7e2c"),
+      description: i18n("daf24d1f83e1b4fce2f57a6b041ddba6"),
+      dataSchema: [{
+        type: 'object',
+        properties: {
+          'event.data.value': {
+            type: 'array',
+            title: i18n("c9f63503ee66082fc00c3e6eac57a95f")
+          },
+          'event.data.item': {
+            type: 'object',
+            title: i18n("a9e009a9936bf5bcc9d4eabcb3e952e0")
+          },
+          'event.data.index': {
+            type: 'number',
+            title: i18n("e756ec22a0f897c4dd886c5f4a95b7a6")
+          }
+        }
+      }]
+    }, {
+      eventName: 'editConfirm',
+      eventLabel: i18n("4271f29faca65d7840ad6bb2c4a7b8c6"),
+      description: i18n("562f54a2fec7a68f85ff192a68cf69f2"),
+      dataSchema: [{
+        type: 'object',
+        properties: {
+          'event.data.value': {
+            type: 'array',
+            title: i18n("c9f63503ee66082fc00c3e6eac57a95f")
+          },
+          'event.data.item': {
+            type: 'object',
+            title: i18n("a9e009a9936bf5bcc9d4eabcb3e952e0")
+          },
+          'event.data.index': {
+            type: 'number',
+            title: i18n("e756ec22a0f897c4dd886c5f4a95b7a6")
+          }
+        }
+      }]
+    }, {
+      eventName: 'editSuccess',
+      eventLabel: i18n("3bb47b67994cb374e601fab35f63bc8e"),
+      description: i18n("b394745a8a77179da0000293638e8a56"),
+      dataSchema: [{
+        type: 'object',
+        properties: {
+          'event.data.value': {
+            type: 'array',
+            title: i18n("c9f63503ee66082fc00c3e6eac57a95f")
+          },
+          'event.data.item': {
+            type: 'object',
+            title: i18n("a9e009a9936bf5bcc9d4eabcb3e952e0")
+          },
+          'event.data.index': {
+            type: 'number',
+            title: i18n("e756ec22a0f897c4dd886c5f4a95b7a6")
+          }
+        }
+      }]
+    }, {
+      eventName: 'editFail',
+      eventLabel: i18n("9304e8f4c324b5882b550caa971b64b8"),
+      description: i18n("b9d277c3ffab7d4b955ad10308c7ae0a"),
+      dataSchema: [{
+        type: 'object',
+        properties: {
+          'event.data.value': {
+            type: 'array',
+            title: i18n("c9f63503ee66082fc00c3e6eac57a95f")
+          },
+          'event.data.item': {
+            type: 'object',
+            title: i18n("a9e009a9936bf5bcc9d4eabcb3e952e0")
+          },
+          'event.data.index': {
+            type: 'number',
+            title: i18n("e756ec22a0f897c4dd886c5f4a95b7a6")
+          },
+          'event.data.error': {
+            type: 'object',
+            title: i18n("650bccdd6f99fe5fc4ca6cb8788e7cb4")
+          }
+        }
+      }]
+    }, {
+      eventName: 'delete',
+      eventLabel: i18n("947fa341a6d676d7f25bae6bef8342cd"),
+      description: i18n("7508f6d66d920323d87a9f9d58487a40"),
+      dataSchema: [{
+        type: 'object',
+        properties: {
+          'event.data.value': {
+            type: 'array',
+            title: i18n("c9f63503ee66082fc00c3e6eac57a95f")
+          },
+          'event.data.item': {
+            type: 'object',
+            title: i18n("a9e009a9936bf5bcc9d4eabcb3e952e0")
+          },
+          'event.data.index': {
+            type: 'object',
+            title: i18n("e756ec22a0f897c4dd886c5f4a95b7a6")
+          }
+        }
+      }]
+    }, {
+      eventName: 'deleteSuccess',
+      eventLabel: i18n("0007d170de017dafc266aa03926d7f00"),
+      description: i18n("13640e78822f62b7b71bfabb4604025e"),
+      dataSchema: [{
+        type: 'object',
+        properties: {
+          'event.data.value': {
+            type: 'array',
+            title: i18n("c9f63503ee66082fc00c3e6eac57a95f")
+          },
+          'event.data.item': {
+            type: 'object',
+            title: i18n("a9e009a9936bf5bcc9d4eabcb3e952e0")
+          },
+          'event.data.index': {
+            type: 'object',
+            title: i18n("e756ec22a0f897c4dd886c5f4a95b7a6")
+          }
+        }
+      }]
+    }, {
+      eventName: 'deleteFail',
+      eventLabel: i18n("acf0664a54dc58d9d0377bb56e162092"),
+      description: i18n("14d36ca583bcbfc5516a000eb06ccedd"),
+      dataSchema: [{
+        type: 'object',
+        properties: {
+          'event.data.value': {
+            type: 'array',
+            title: i18n("c9f63503ee66082fc00c3e6eac57a95f")
+          },
+          'event.data.item': {
+            type: 'object',
+            title: i18n("a9e009a9936bf5bcc9d4eabcb3e952e0")
+          },
+          'event.data.index': {
+            type: 'object',
+            title: i18n("e756ec22a0f897c4dd886c5f4a95b7a6")
+          },
+          'event.data.error': {
+            type: 'object',
+            title: i18n("37122b9e4499da38258b3d51b09d68a1")
+          }
+        }
+      }]
+    }, {
+      eventName: 'change',
+      eventLabel: i18n("755955372bcc0c7ebf161a656bc389b3"),
+      description: i18n("692dc28abc42931daca8fa12d69d5c99"),
+      dataSchema: [{
+        type: 'object',
+        properties: {
+          'event.data.value': {
+            type: 'array',
+            title: i18n("c9f63503ee66082fc00c3e6eac57a95f")
+          }
+        }
+      }]
+    }];
     _this.actions = [{
       actionType: 'setValue',
       actionLabel: i18n("8f40db3b25528063f1b6a59602a05cd5"),
       description: i18n("0310aa5a05fe07147d8b7ef20616f659")
+    }, {
+      actionType: 'addItem',
+      actionLabel: i18n("58477471b3bb8ad53fe9ab18a244868b"),
+      description: i18n("f8692d409bb7f122a374872e01efd03a"),
+      innerArgs: ['item', 'index'],
+      schema: getArgsWrapper({
+        type: 'container',
+        body: [{
+          type: 'input-number',
+          name: 'index',
+          mode: 'horizontal',
+          horizontal: {
+            leftFixed: 4 // 需要设置下leftFixed，否则这个字段的控件没有与其他字段的控件左对齐
+          },
+
+          label: i18n("459fd144ee129b501545d19c169269e9"),
+          size: 'lg',
+          placeholder: i18n("196e71fa869b8410088b4ceb54aa7988")
+        }, {
+          type: 'combo',
+          name: 'value',
+          label: i18n("e7af71fb102cc86ab3be6a2fb32b5e3f"),
+          multiple: true,
+          removable: true,
+          required: true,
+          addable: true,
+          strictMode: false,
+          canAccessSuperData: true,
+          mode: 'horizontal',
+          size: 'lg',
+          addButtonText: i18n("a26858cccbc451fd53515416a5968550"),
+          items: [{
+            type: 'combo',
+            name: 'item',
+            label: false,
+            renderLabel: false,
+            multiple: true,
+            removable: true,
+            required: true,
+            addable: true,
+            strictMode: false,
+            canAccessSuperData: true,
+            className: 'm-l',
+            size: 'lg',
+            mode: 'horizontal',
+            addButtonText: i18n("c520ed9911d349c7974116d3d1e1423e"),
+            items: [{
+              name: 'key',
+              type: 'input-text',
+              source: '${__setValueDs}',
+              labelField: 'label',
+              valueField: 'value',
+              required: true
+            }, getSchemaTpl('formulaControl', {
+              name: 'val',
+              variables: '${variables}'
+            })]
+          }]
+        }]
+      })
+    }, {
+      actionType: 'deleteItem',
+      actionLabel: i18n("947fa341a6d676d7f25bae6bef8342cd"),
+      description: i18n("344c1c96f9cb3275f972929755b4e238"),
+      innerArgs: ['condition', 'index'],
+      schema: getArgsWrapper({
+        type: 'container',
+        body: [{
+          type: 'radios',
+          name: '__deleteType',
+          inputClassName: 'event-action-radio',
+          mode: 'horizontal',
+          label: i18n("8910acd418e45a30f01e7e531b90b61b"),
+          pipeIn: function (value, store) {
+            if (store.data.__deleteType === undefined) {
+              var deleteType = store.data.condition ? 'conditionExpression' : 'rowIndex';
+              store.updateData({
+                __deleteType: deleteType
+              });
+              return deleteType;
+            }
+            return value;
+          },
+          horizontal: {
+            leftFixed: 4 // 需要设置下leftFixed，否则这个字段的控件没有与其他字段的控件左对齐
+          },
+
+          options: [{
+            label: i18n("ebf62450c3fb11c0b7e06da2d7535d6c"),
+            value: 'rowIndex'
+          }, {
+            label: i18n("4bf7636a84714fac140e42b4cee242d4"),
+            value: 'conditionExpression'
+          }],
+          onChange: function (value, oldVal, data, form) {
+            form.setValueByName('index', undefined);
+            form.setValueByName('condition', undefined);
+          }
+        }, {
+          type: 'input-text',
+          name: 'index',
+          mode: 'horizontal',
+          horizontal: {
+            leftFixed: 4 // 需要设置下leftFixed，否则这个字段的控件没有与其他字段的控件左对齐
+          },
+
+          required: true,
+          label: i18n("7708fb1394ce722ee73326437a66c77a"),
+          size: 'lg',
+          placeholder: i18n("015f108b96c70bba6511091e159db0ac"),
+          hiddenOn: 'data.__deleteType !== "rowIndex"'
+        }, getSchemaTpl('formulaControl', {
+          name: 'condition',
+          variables: '${variables}',
+          label: i18n("63aeb2082d7cc0a316fc1e44913d7749"),
+          hiddenOn: 'data.__deleteType !== "conditionExpression"',
+          mode: 'horizontal',
+          required: true,
+          horizontal: {
+            leftFixed: 4 // 需要设置下leftFixed，否则这个字段的控件没有与其他字段的控件左对齐
+          },
+
+          size: 'lg'
+        })]
+      })
+    },
+    // {
+    //   actionType: 'reset',
+    //   actionLabel: '重置',
+    //   description: '将值重置为resetValue，若没有配置resetValue，则清空'
+    // },
+    {
+      actionType: 'clear',
+      actionLabel: i18n("288f0c404c4e546aa3683ff5054e85e2"),
+      description: i18n("4622a4ce221f9b79aa3396cc461adc75")
     }];
     _this.panelBodyCreator = function (context) {
       context.schema.type === 'crud';
@@ -534,8 +657,15 @@ var TableControlPlugin = /** @class */function (_super) {
             label: i18n("53a9db06d0b7e3482dc21e53f150e257")
           })]
         })])
+      }, {
+        title: i18n("10b2761db5a8e089049df39675abc550"),
+        className: 'p-none',
+        body: [getSchemaTpl('eventControl', __assign({
+          name: 'onEvent'
+        }, getEventControlConfig(_this.manager, context)))]
       }]);
     };
+    _this.dsBuilderManager = new DSBuilderManager('input-table', 'api');
     return _this;
   }
   Object.defineProperty(TableControlPlugin.prototype, "scaffoldForm", {
@@ -781,6 +911,28 @@ var TableControlPlugin = /** @class */function (_super) {
       });
     });
   };
+  TableControlPlugin.prototype.getAvailableContextFields = function (scopeNode, target, region) {
+    var _a, _b;
+    return __awaiter(this, void 0, void 0, function () {
+      var scope, builder;
+      return __generator(this, function (_c) {
+        if (target.parent.isRegion && target.parent.region === 'columns') {
+          scope = scopeNode.parent.parent;
+          builder = this.dsBuilderManager.resolveBuilderBySchema(scope.schema, 'api');
+          if (builder && scope.schema.api) {
+            return [2 /*return*/, builder.getAvailableContextFileds({
+              schema: scope.schema,
+              sourceKey: 'api',
+              feat: (_b = (_a = scope.schema) === null || _a === void 0 ? void 0 : _a.feat) !== null && _b !== void 0 ? _b : 'List',
+              scopeNode: scopeNode
+            }, target)];
+          }
+        }
+        return [2 /*return*/];
+      });
+    });
+  };
+
   return TableControlPlugin;
 }(BasePlugin);
 registerEditorPlugin(TableControlPlugin);