amis-editor 5.2.1-beta.35 → 5.2.3-beta.16

package/esm/plugin/CRUD.js

@@ -1,15 +1,15 @@
 /**
- * amis-editor v5.2.1-beta.35
- * Copyright 2018-2022 @fex
+ * amis-editor v5.2.3-beta.15
+ * Copyright 2018-2023 @fex
  */
 
-import { __extends, __awaiter, __generator, __rest, __assign } from 'tslib';
+import { __extends, __assign, __awaiter, __generator, __rest } from 'tslib';
 import { toast } from 'amis';
 import get from 'lodash/get';
 import cloneDeep from 'lodash/cloneDeep';
 import React__default from 'react';
 import { getSchemaTpl, JSONPipeIn, defaultValue, BasePlugin, registerEditorPlugin } from 'amis-editor-core';
-import { normalizeApi, setVariable } from 'amis-core';
+import { setVariable, normalizeApi } from 'amis-core';
 import { getEnv } from 'mobx-state-tree';
 import { i18n } from 'i18n-runtime';
 
@@ -213,317 +213,50 @@ var CRUDPlugin = /** @class */function (_super) {
         }
       }
     });
-    Object.defineProperty(_this, "scaffoldForm", {
+    Object.defineProperty(_this, "multifactor", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: true
+    });
+    Object.defineProperty(_this, "previewSchema", {
       enumerable: true,
       configurable: true,
       writable: true,
       value: {
-        title: i18n("4a1e3c50547e61503a2d1c356005eb08"),
-        body: [getSchemaTpl('apiControl', {
-          label: i18n("85624c8e8b0fc98954eecbe508e8b59d"),
-          sampleBuilder: function (schema) {
-            return JSON.stringify({
-              status: 0,
-              msg: '',
-              data: [{
-                id: 1,
-                name: 'Jack'
-              }, {
-                id: 2,
-                name: 'Rose'
-              }]
-            }, null, 2);
-          }
-        }), {
-          type: 'button',
-          label: i18n("3dd674542204724eb5417efc7354ec73"),
-          className: 'm-t-xs m-b-xs',
-          onClick: function (e, props) {
-            return __awaiter(_this, void 0, void 0, function () {
-              var data, schemaFilter, api, result, autoFillKeyValues, items;
-              var _a, _b;
-              return __generator(this, function (_c) {
-                switch (_c.label) {
-                  case 0:
-                    data = props.data;
-                    schemaFilter = getEnv(window.editorStore).schemaFilter;
-                    api = data.api;
-                    // 主要是给爱速搭中替换 url
-                    if (schemaFilter) {
-                      api = schemaFilter({
-                        api: data.api
-                      }).api;
-                    }
-                    return [4 /*yield*/, props.env.fetcher(api, data)];
-                  case 1:
-                    result = _c.sent();
-                    autoFillKeyValues = [];
-                    items = ((_a = result.data) === null || _a === void 0 ? void 0 : _a.rows) || ((_b = result.data) === null || _b === void 0 ? void 0 : _b.items);
-                    if (items === null || items === void 0 ? void 0 : items.length) {
-                      Object.keys(items[0]).forEach(function (key) {
-                        items[0][key];
-                        autoFillKeyValues.push({
-                          label: key,
-                          type: 'text',
-                          name: key
-                        });
-                      });
-                      props.formStore.setValues({
-                        columns: autoFillKeyValues
-                      });
-                      // 查询条件的字段列表
-                      props.formStore.setValues({
-                        filterSettingSource: autoFillKeyValues.map(function (column) {
-                          return column.name;
-                        })
-                      });
-                    } else {
-                      toast.warning(i18n("3266535dc49863d976b9960adad29fef"));
-                    }
-                    return [2 /*return*/];
-                }
-              });
-            });
-          }
-        }, {
-          name: 'features',
-          label: i18n("07b59fd09f6007bac246d9a73b793a49"),
-          type: 'checkboxes',
-          joinValues: false,
-          extractValue: true,
-          itemClassName: 'max-w-lg',
-          options: [{
-            label: i18n("66ab5e9f24c8f46012a25c89919fb191"),
-            value: 'create'
-          }, {
-            label: i18n("bee912d79eefb7335988c4997aa9138d"),
-            value: 'filter'
-          }, {
-            label: i18n("7fb62b30119c3797a843a48368463314"),
-            value: 'bulkDelete'
-          }, {
-            label: i18n("0f61da949d2b45534967e197cc2eee29"),
-            value: 'bulkUpdate'
-          }, {
-            label: i18n("aa85b3cd6aa4cdfd45bfe5a96678ad2f"),
-            value: 'update'
+        syncLocation: false,
+        type: 'crud',
+        className: 'text-left',
+        bodyClassName: 'm-b-none',
+        affixHeader: false,
+        data: {
+          items: [{
+            a: 1,
+            b: 2
           }, {
-            label: i18n("653eb2792d3126a60caa6982f89a906b"),
-            value: 'view'
+            a: 3,
+            b: 4
           }, {
-            label: i18n("8a4d6dfbcd8072555b5951091f171000"),
-            value: 'delete'
+            a: 5,
+            b: 6
           }]
+        },
+        source: '${items}',
+        columns: [{
+          label: 'A',
+          name: 'a'
         }, {
-          type: 'group',
-          body: [{
-            columnRatio: 10,
-            type: 'checkboxes',
-            label: i18n("f4b368051b455e386a314688c7c75c1f"),
-            name: 'filterEnabledList',
-            joinValues: false,
-            source: '${filterSettingSource}'
-          }, {
-            columnRatio: 2,
-            type: 'input-number',
-            label: i18n("23c7ea8ee9519459598b2de65fe2a2eb"),
-            value: 3,
-            name: 'filterColumnCount'
-          }],
-          visibleOn: 'data.features && data.features.includes("filter")'
+          label: 'B',
+          name: 'b'
         }, {
-          name: 'columns',
-          type: 'input-table',
-          label: false,
-          addable: true,
-          removable: true,
-          needConfirm: false,
-          columns: [{
-            type: 'input-text',
-            name: 'label',
-            label: i18n("32c65d8d7431e76029678ec7bb73a5ab")
-          }, {
-            type: 'input-text',
-            name: 'name',
-            label: i18n("41a344642681efaaa418c228ba7fb45c")
+          type: 'operation',
+          label: i18n("2b6bc0f293f5ca01b006206c2535ccbc"),
+          buttons: [{
+            icon: 'fa fa-eye',
+            type: 'button'
           }, {
-            type: 'select',
-            name: 'type',
-            label: i18n("226b0912184333c81babf2f1894ec0c1"),
-            value: 'text',
-            options: [{
-              value: 'text',
-              label: i18n("ffb01e5bcf4c00447f5150d3cba81371")
-            }, {
-              value: 'tpl',
-              label: i18n("59cf15fe6b8d659c9bd2f86143534a06")
-            }, {
-              value: 'image',
-              label: i18n("20def7942674282277c3714ed7ea6ce0")
-            }, {
-              value: 'date',
-              label: i18n("4ff1e74e43a3586339251494117185ad")
-            }, {
-              value: 'progress',
-              label: i18n("c7bff79d059a0b7ff9b02441959d8be2")
-            }, {
-              value: 'status',
-              label: i18n("3fea7ca76cdece641436d7ab0d02ab1b")
-            }, {
-              value: 'mapping',
-              label: i18n("9da188491dd34c4382a5b9f006194e41")
-            }, {
-              value: 'operation',
-              label: i18n("8abc564260a1564521e0c3a1d5419b4a")
-            }]
-          }]
-        }],
-        pipeOut: function (value) {
-          var valueSchema = cloneDeep(value);
-          // 查看/删除 操作，可选择是否使用接口返回值预填充
-          var features = valueSchema.features;
-          var oper = {
-            type: 'operation',
-            label: i18n("2b6bc0f293f5ca01b006206c2535ccbc"),
-            buttons: []
-          };
-          var itemBtns = ['update', 'view', 'delete'];
-          var hasFeatures = get(features, 'length');
-          valueSchema.bulkActions = [];
-          /** 统一api格式 */
-          valueSchema.api = typeof valueSchema.api === 'string' ? normalizeApi(valueSchema.api) : valueSchema.api;
-          hasFeatures && features.forEach(function (item) {
-            var _a, _b, _c, _d;
-            if (itemBtns.includes(item)) {
-              var schema = void 0;
-              if (item === 'update') {
-                schema = cloneDeep(_this.btnSchemas.update);
-                schema.dialog.body.body = value.columns.filter(function (_a) {
-                  var type = _a.type;
-                  return type !== 'progress' && type !== 'operation';
-                }).map(function (_a) {
-                  var type = _a.type,
-                    rest = __rest(_a, ["type"]);
-                  return __assign(__assign({}, rest), {
-                    type: viewTypeToEditType(type)
-                  });
-                });
-              } else if (item === 'view') {
-                schema = cloneDeep(_this.btnSchemas.view);
-                schema.dialog.body.body = value.columns.map(function (_a) {
-                  _a.type;
-                    var rest = __rest(_a, ["type"]);
-                  return __assign(__assign({}, rest), {
-                    type: 'static'
-                  });
-                });
-              } else if (item === 'delete') {
-                schema = cloneDeep(_this.btnSchemas.delete);
-                schema.api = ((_b = (_a = valueSchema.api) === null || _a === void 0 ? void 0 : _a.method) === null || _b === void 0 ? void 0 : _b.match(/^(post|delete)$/i)) ? valueSchema.api : __assign(__assign({}, valueSchema.api), {
-                  method: 'post'
-                });
-              }
-              // 添加操作按钮
-              _this.addItem(oper.buttons, schema);
-            } else {
-              // 批量操作
-              if (item === 'bulkUpdate') {
-                _this.addItem(valueSchema.bulkActions, cloneDeep(_this.btnSchemas.bulkUpdate));
-              }
-              if (item === 'bulkDelete') {
-                _this.addItem(valueSchema.bulkActions, cloneDeep(_this.btnSchemas.bulkDelete));
-              }
-              // 创建
-              if (item === 'create') {
-                var createSchemaBase = _this.btnSchemas.create;
-                createSchemaBase.dialog.body = {
-                  type: 'form',
-                  api: ((_d = (_c = valueSchema.api) === null || _c === void 0 ? void 0 : _c.method) === null || _d === void 0 ? void 0 : _d.match(/^(post|put)$/i)) ? valueSchema.api : __assign(__assign({}, valueSchema.api), {
-                    method: 'post'
-                  }),
-                  body: valueSchema.columns.map(function (column) {
-                    var type = column.type;
-                    return {
-                      type: viewTypeToEditType(type),
-                      name: column.name,
-                      label: column.label
-                    };
-                  })
-                };
-                valueSchema.headerToolbar = [createSchemaBase, 'bulkActions'];
-              }
-              var keysFilter = Object.keys(valueSchema.filter || {});
-              if (item === 'filter' && !keysFilter.length) {
-                if (valueSchema.filterEnabledList) {
-                  valueSchema.filter = {
-                    title: i18n("cf12e55021998a8328201800ec356773")
-                  };
-                  valueSchema.filter.columnCount = value.filterColumnCount;
-                  valueSchema.filter.mode = 'horizontal';
-                  valueSchema.filter.body = valueSchema.filterEnabledList.map(function (item) {
-                    return {
-                      type: 'input-text',
-                      label: item.label,
-                      name: item.value
-                    };
-                  });
-                }
-              }
-            }
-          });
-          var hasOperate = valueSchema.columns.find(function (item) {
-            return item.type === 'operation';
-          });
-          hasFeatures && !hasOperate && valueSchema.columns.push(oper);
-          return valueSchema;
-        },
-        canRebuild: true
-      }
-    });
-    Object.defineProperty(_this, "multifactor", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: true
-    });
-    Object.defineProperty(_this, "previewSchema", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: {
-        syncLocation: false,
-        type: 'crud',
-        className: 'text-left',
-        bodyClassName: 'm-b-none',
-        affixHeader: false,
-        data: {
-          items: [{
-            a: 1,
-            b: 2
-          }, {
-            a: 3,
-            b: 4
-          }, {
-            a: 5,
-            b: 6
-          }]
-        },
-        source: '${items}',
-        columns: [{
-          label: 'A',
-          name: 'a'
-        }, {
-          label: 'B',
-          name: 'b'
-        }, {
-          type: 'operation',
-          label: i18n("2b6bc0f293f5ca01b006206c2535ccbc"),
-          buttons: [{
-            icon: 'fa fa-eye',
-            type: 'button'
-          }, {
-            icon: 'fa fa-edit',
-            type: 'button'
+            icon: 'fa fa-edit',
+            type: 'button'
           }]
         }]
       }
@@ -596,11 +329,7 @@ var CRUDPlugin = /** @class */function (_super) {
               content: i18n("46e6edaeb9968e7f7ab549d4f2f82d6d"),
               placement: 'left'
             },
-            items: [{
-              type: 'tpl',
-              tpl: '<span class="label label-success">${label}</span>',
-              columnClassName: 'p-t-xs'
-            }, {
+            items: [getSchemaTpl('tpl:btnLabel'), {
               columnClassName: 'p-t-xs col-edit',
               children: function (_a) {
                 var index = _a.index;
@@ -642,11 +371,7 @@ var CRUDPlugin = /** @class */function (_super) {
               label: i18n("fa966345577ba81af19408f203db968f"),
               type: 'button'
             },
-            items: [{
-              type: 'tpl',
-              tpl: '<span class="label label-success">${label}</span>',
-              columnClassName: 'p-t-xs'
-            }, {
+            items: [getSchemaTpl('tpl:btnLabel'), {
               type: 'checkbox',
               className: 'text-xs',
               option: i18n("4916771d080ddf6d0551de4d6d2f42a4"),
@@ -848,31 +573,7 @@ var CRUDPlugin = /** @class */function (_super) {
             name: 'messages',
             multiLine: true,
             description: i18n("3b69c2e540c05e9ca530ed30cf224472"),
-            items: [{
-              label: i18n("fb24383a41f23196349548b5d0cb98ce"),
-              type: 'input-text',
-              name: 'fetchSuccess'
-            }, {
-              label: i18n("62e3e15c8fb9038f2780329bc26e8bab"),
-              type: 'input-text',
-              name: 'fetchFailed'
-            }, {
-              label: i18n("c62a1b7f314be10aead10475e7543f6a"),
-              type: 'input-text',
-              name: 'saveOrderSuccess'
-            }, {
-              label: i18n("c8035507b7a576d43e9f227c91c7a7b5"),
-              type: 'input-text',
-              name: 'saveOrderFailed'
-            }, {
-              label: i18n("7cb0932b806559be232d2a69453224e7"),
-              type: 'input-text',
-              name: 'quickSaveSuccess'
-            }, {
-              label: i18n("fd79a193a487b8c9d5a302d0d88c1c2c"),
-              type: 'input-text',
-              name: 'quickSaveFailed'
-            }]
+            items: [getSchemaTpl('fetchSuccess'), getSchemaTpl('fetchFailed'), getSchemaTpl('saveOrderSuccess'), getSchemaTpl('saveOrderFailed'), getSchemaTpl('quickSaveSuccess'), getSchemaTpl('quickSaveFailed')]
           }]
         }, {
           title: i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
@@ -1344,6 +1045,276 @@ var CRUDPlugin = /** @class */function (_super) {
     });
     return _this;
   }
+  Object.defineProperty(CRUDPlugin.prototype, "scaffoldForm", {
+    get: function () {
+      var _this = this;
+      var i18nEnabled = getEnv(window.editorStore).i18nEnabled;
+      return {
+        title: i18n("4a1e3c50547e61503a2d1c356005eb08"),
+        body: [getSchemaTpl('apiControl', {
+          label: i18n("85624c8e8b0fc98954eecbe508e8b59d"),
+          sampleBuilder: function (schema) {
+            return JSON.stringify({
+              status: 0,
+              msg: '',
+              data: [{
+                id: 1,
+                name: 'Jack'
+              }, {
+                id: 2,
+                name: 'Rose'
+              }]
+            }, null, 2);
+          }
+        }), {
+          type: 'button',
+          label: i18n("3dd674542204724eb5417efc7354ec73"),
+          className: 'm-t-xs m-b-xs',
+          onClick: function (e, props) {
+            return __awaiter(_this, void 0, void 0, function () {
+              var data, schemaFilter, api, result, autoFillKeyValues, items;
+              var _a, _b;
+              return __generator(this, function (_c) {
+                switch (_c.label) {
+                  case 0:
+                    data = props.data;
+                    schemaFilter = getEnv(window.editorStore).schemaFilter;
+                    api = data.api;
+                    // 主要是给爱速搭中替换 url
+                    if (schemaFilter) {
+                      api = schemaFilter({
+                        api: data.api
+                      }).api;
+                    }
+                    return [4 /*yield*/, props.env.fetcher(api, data)];
+                  case 1:
+                    result = _c.sent();
+                    autoFillKeyValues = [];
+                    items = ((_a = result.data) === null || _a === void 0 ? void 0 : _a.rows) || ((_b = result.data) === null || _b === void 0 ? void 0 : _b.items);
+                    if (items === null || items === void 0 ? void 0 : items.length) {
+                      Object.keys(items[0]).forEach(function (key) {
+                        items[0][key];
+                        autoFillKeyValues.push({
+                          label: key,
+                          type: 'text',
+                          name: key
+                        });
+                      });
+                      props.formStore.setValues({
+                        columns: autoFillKeyValues
+                      });
+                      // 查询条件的字段列表
+                      props.formStore.setValues({
+                        filterSettingSource: autoFillKeyValues.map(function (column) {
+                          return column.name;
+                        })
+                      });
+                    } else {
+                      toast.warning(i18n("3266535dc49863d976b9960adad29fef"));
+                    }
+                    return [2 /*return*/];
+                }
+              });
+            });
+          }
+        }, {
+          name: 'features',
+          label: i18n("07b59fd09f6007bac246d9a73b793a49"),
+          type: 'checkboxes',
+          joinValues: false,
+          extractValue: true,
+          itemClassName: 'max-w-lg',
+          options: [{
+            label: i18n("66ab5e9f24c8f46012a25c89919fb191"),
+            value: 'create'
+          }, {
+            label: i18n("bee912d79eefb7335988c4997aa9138d"),
+            value: 'filter'
+          }, {
+            label: i18n("7fb62b30119c3797a843a48368463314"),
+            value: 'bulkDelete'
+          }, {
+            label: i18n("0f61da949d2b45534967e197cc2eee29"),
+            value: 'bulkUpdate'
+          }, {
+            label: i18n("aa85b3cd6aa4cdfd45bfe5a96678ad2f"),
+            value: 'update'
+          }, {
+            label: i18n("653eb2792d3126a60caa6982f89a906b"),
+            value: 'view'
+          }, {
+            label: i18n("8a4d6dfbcd8072555b5951091f171000"),
+            value: 'delete'
+          }]
+        }, {
+          type: 'group',
+          body: [{
+            columnRatio: 10,
+            type: 'checkboxes',
+            label: i18n("f4b368051b455e386a314688c7c75c1f"),
+            name: 'filterEnabledList',
+            joinValues: false,
+            source: '${filterSettingSource}'
+          }, {
+            columnRatio: 2,
+            type: 'input-number',
+            label: i18n("23c7ea8ee9519459598b2de65fe2a2eb"),
+            value: 3,
+            name: 'filterColumnCount'
+          }],
+          visibleOn: 'data.features && data.features.includes("filter")'
+        }, {
+          name: 'columns',
+          type: 'input-table',
+          label: false,
+          addable: true,
+          removable: true,
+          needConfirm: false,
+          columns: [{
+            type: i18nEnabled ? 'input-text-i18n' : 'input-text',
+            name: 'label',
+            label: i18n("32c65d8d7431e76029678ec7bb73a5ab")
+          }, {
+            type: 'input-text',
+            name: 'name',
+            label: i18n("41a344642681efaaa418c228ba7fb45c")
+          }, {
+            type: 'select',
+            name: 'type',
+            label: i18n("226b0912184333c81babf2f1894ec0c1"),
+            value: 'text',
+            options: [{
+              value: 'text',
+              label: i18n("ffb01e5bcf4c00447f5150d3cba81371")
+            }, {
+              value: 'tpl',
+              label: i18n("59cf15fe6b8d659c9bd2f86143534a06")
+            }, {
+              value: 'image',
+              label: i18n("20def7942674282277c3714ed7ea6ce0")
+            }, {
+              value: 'date',
+              label: i18n("4ff1e74e43a3586339251494117185ad")
+            }, {
+              value: 'progress',
+              label: i18n("c7bff79d059a0b7ff9b02441959d8be2")
+            }, {
+              value: 'status',
+              label: i18n("3fea7ca76cdece641436d7ab0d02ab1b")
+            }, {
+              value: 'mapping',
+              label: i18n("9da188491dd34c4382a5b9f006194e41")
+            }, {
+              value: 'operation',
+              label: i18n("8abc564260a1564521e0c3a1d5419b4a")
+            }]
+          }]
+        }],
+        pipeOut: function (value) {
+          var valueSchema = cloneDeep(value);
+          // 查看/删除 操作，可选择是否使用接口返回值预填充
+          var features = valueSchema.features;
+          var oper = {
+            type: 'operation',
+            label: i18n("2b6bc0f293f5ca01b006206c2535ccbc"),
+            buttons: []
+          };
+          var itemBtns = ['update', 'view', 'delete'];
+          var hasFeatures = get(features, 'length');
+          valueSchema.bulkActions = [];
+          /** 统一api格式 */
+          valueSchema.api = typeof valueSchema.api === 'string' ? normalizeApi(valueSchema.api) : valueSchema.api;
+          hasFeatures && features.forEach(function (item) {
+            var _a, _b, _c, _d;
+            if (itemBtns.includes(item)) {
+              var schema = void 0;
+              if (item === 'update') {
+                schema = cloneDeep(_this.btnSchemas.update);
+                schema.dialog.body.body = value.columns.filter(function (_a) {
+                  var type = _a.type;
+                  return type !== 'progress' && type !== 'operation';
+                }).map(function (_a) {
+                  var type = _a.type,
+                    rest = __rest(_a, ["type"]);
+                  return __assign(__assign({}, rest), {
+                    type: viewTypeToEditType(type)
+                  });
+                });
+              } else if (item === 'view') {
+                schema = cloneDeep(_this.btnSchemas.view);
+                schema.dialog.body.body = value.columns.map(function (_a) {
+                  _a.type;
+                    var rest = __rest(_a, ["type"]);
+                  return __assign(__assign({}, rest), {
+                    type: 'static'
+                  });
+                });
+              } else if (item === 'delete') {
+                schema = cloneDeep(_this.btnSchemas.delete);
+                schema.api = ((_b = (_a = valueSchema.api) === null || _a === void 0 ? void 0 : _a.method) === null || _b === void 0 ? void 0 : _b.match(/^(post|delete)$/i)) ? valueSchema.api : __assign(__assign({}, valueSchema.api), {
+                  method: 'post'
+                });
+              }
+              // 添加操作按钮
+              _this.addItem(oper.buttons, schema);
+            } else {
+              // 批量操作
+              if (item === 'bulkUpdate') {
+                _this.addItem(valueSchema.bulkActions, cloneDeep(_this.btnSchemas.bulkUpdate));
+              }
+              if (item === 'bulkDelete') {
+                _this.addItem(valueSchema.bulkActions, cloneDeep(_this.btnSchemas.bulkDelete));
+              }
+              // 创建
+              if (item === 'create') {
+                var createSchemaBase = _this.btnSchemas.create;
+                createSchemaBase.dialog.body = {
+                  type: 'form',
+                  api: ((_d = (_c = valueSchema.api) === null || _c === void 0 ? void 0 : _c.method) === null || _d === void 0 ? void 0 : _d.match(/^(post|put)$/i)) ? valueSchema.api : __assign(__assign({}, valueSchema.api), {
+                    method: 'post'
+                  }),
+                  body: valueSchema.columns.map(function (column) {
+                    var type = column.type;
+                    return {
+                      type: viewTypeToEditType(type),
+                      name: column.name,
+                      label: column.label
+                    };
+                  })
+                };
+                valueSchema.headerToolbar = [createSchemaBase, 'bulkActions'];
+              }
+              var keysFilter = Object.keys(valueSchema.filter || {});
+              if (item === 'filter' && !keysFilter.length) {
+                if (valueSchema.filterEnabledList) {
+                  valueSchema.filter = {
+                    title: i18n("cf12e55021998a8328201800ec356773")
+                  };
+                  valueSchema.filter.columnCount = value.filterColumnCount;
+                  valueSchema.filter.mode = 'horizontal';
+                  valueSchema.filter.body = valueSchema.filterEnabledList.map(function (item) {
+                    return {
+                      type: 'input-text',
+                      label: item.label,
+                      name: item.value
+                    };
+                  });
+                }
+              }
+            }
+          });
+          var hasOperate = valueSchema.columns.find(function (item) {
+            return item.type === 'operation';
+          });
+          hasFeatures && !hasOperate && valueSchema.columns.push(oper);
+          return valueSchema;
+        },
+        canRebuild: true
+      };
+    },
+    enumerable: false,
+    configurable: true
+  });
   Object.defineProperty(CRUDPlugin.prototype, "addItem", {
     enumerable: false,
     configurable: true,
@@ -1483,11 +1454,16 @@ var CRUDPlugin = /** @class */function (_super) {
     configurable: true,
     writable: true,
     value: function (props) {
-      var $$editor = props.$$editor;
+      var $$editor = props.$$editor,
+        style = props.style,
+        rest = __rest(props, ["$$editor", "style"]);
       var renderer = $$editor.renderer;
       return React__default.createElement("div", {
-        className: "ae-CRUDEditor"
-      }, this.renderEditableComponents(props), React__default.createElement(renderer.component, __assign({}, props)));
+        className: "ae-CRUDEditor",
+        style: style
+      }, this.renderEditableComponents(props), React__default.createElement(renderer.component, __assign({
+        "$$editor": $$editor
+      }, rest)));
     }
   });
   Object.defineProperty(CRUDPlugin.prototype, "filterProps", {
@@ -1525,7 +1501,7 @@ var CRUDPlugin = /** @class */function (_super) {
     enumerable: false,
     configurable: true,
     writable: true,
-    value: function (node, region) {
+    value: function (node, region, trigger) {
       var _a, _b;
       return __awaiter(this, void 0, void 0, function () {
         var child;
@@ -1537,7 +1513,7 @@ var CRUDPlugin = /** @class */function (_super) {
             return [2 /*return*/];
           }
 
-          return [2 /*return*/, child.info.plugin.buildDataSchemas(child)];
+          return [2 /*return*/, child.info.plugin.buildDataSchemas(child, undefined, trigger)];
         });
       });
     }