amis-editor 5.2.0 → 5.2.1-beta.15

package/lib/plugin/CRUD.js

@@ -0,0 +1,1553 @@
+/**
+ * amis-editor v5.2.1-beta.15
+ * Copyright 2018-2022 @fex
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var amis = require('amis');
+var get = require('lodash/get');
+var cloneDeep = require('lodash/cloneDeep');
+var React = require('react');
+var amisEditorCore = require('amis-editor-core');
+var amisCore = require('amis-core');
+var mobxStateTree = require('mobx-state-tree');
+var i18nRuntime = require('i18n-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var get__default = /*#__PURE__*/_interopDefaultLegacy(get);
+var cloneDeep__default = /*#__PURE__*/_interopDefaultLegacy(cloneDeep);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var viewTypeToEditType = function (type) {
+  return type === 'tpl' ? 'input-text' : type === 'status' || type === 'mapping' ? 'select' : "input-".concat(type);
+};
+var CRUDPlugin = /** @class */function (_super) {
+  tslib.__extends(CRUDPlugin, _super);
+  function CRUDPlugin() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+    // 关联渲染器名字
+    Object.defineProperty(_this, "rendererName", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'crud'
+    });
+    Object.defineProperty(_this, "$schema", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: '/schemas/CRUDSchema.json'
+    });
+    Object.defineProperty(_this, "order", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: -1000
+    });
+    // 组件名称
+    Object.defineProperty(_this, "name", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18nRuntime.i18n("d7213304d1a8a02a73a2f4010839e061")
+    });
+    Object.defineProperty(_this, "isBaseComponent", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: true
+    });
+    Object.defineProperty(_this, "description", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18nRuntime.i18n("7a9f1ec32752de8b69ef21138970f64d")
+    });
+    Object.defineProperty(_this, "docLink", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: '/amis/zh-CN/components/crud'
+    });
+    Object.defineProperty(_this, "tags", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: [i18nRuntime.i18n("997c7a5d34f6fc628893f509d0df32e0")]
+    });
+    Object.defineProperty(_this, "icon", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'fa fa-table'
+    });
+    Object.defineProperty(_this, "pluginIcon", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'table-plugin'
+    });
+    Object.defineProperty(_this, "scaffold", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: {
+        type: 'crud',
+        syncLocation: false,
+        api: '',
+        columns: [{
+          name: 'id',
+          label: 'ID',
+          type: 'text'
+        }, {
+          name: 'engine',
+          label: i18nRuntime.i18n("48c68eb5a42e2b3e679c53b00f6e203f"),
+          type: 'text'
+        }],
+        bulkActions: [],
+        itemActions: []
+      }
+    });
+    Object.defineProperty(_this, "actions", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: [{
+        actionType: 'reload',
+        actionLabel: i18nRuntime.i18n("64ca9bab920a2983bcf270320d850d00"),
+        description: i18nRuntime.i18n("9ef5597ac0b4da662bcd967da37eceb4")
+      }]
+    });
+    Object.defineProperty(_this, "btnSchemas", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: {
+        create: {
+          label: i18nRuntime.i18n("66ab5e9f24c8f46012a25c89919fb191"),
+          type: 'button',
+          actionType: 'dialog',
+          level: 'primary',
+          dialog: {
+            title: i18nRuntime.i18n("66ab5e9f24c8f46012a25c89919fb191"),
+            body: {
+              type: 'form',
+              api: 'xxx/create',
+              body: []
+            }
+          }
+        },
+        update: {
+          label: i18nRuntime.i18n("95b351c86267f3aedf89520959bce689"),
+          type: 'button',
+          actionType: 'dialog',
+          level: 'link',
+          dialog: {
+            title: i18nRuntime.i18n("95b351c86267f3aedf89520959bce689"),
+            body: {
+              type: 'form',
+              api: 'xxx/update',
+              body: []
+            }
+          }
+        },
+        view: {
+          label: i18nRuntime.i18n("607e7a4f377fa66b0b28ce318aab841f"),
+          type: 'button',
+          actionType: 'dialog',
+          level: 'link',
+          dialog: {
+            title: i18nRuntime.i18n("5b48dbb8dc710cffe6313bb56a7f6d47"),
+            body: {
+              type: 'form',
+              api: 'xxx/update',
+              body: []
+            }
+          }
+        },
+        delete: {
+          type: 'button',
+          label: i18nRuntime.i18n("2f4aaddde33c9b93c36fd2503f3d122b"),
+          actionType: 'ajax',
+          level: 'link',
+          className: 'text-danger',
+          confirmText: i18nRuntime.i18n("6c546666aab964c39cd8bfdf4fbd46b8"),
+          api: 'delete:/xxx/delete'
+        },
+        bulkDelete: {
+          type: 'button',
+          level: 'danger',
+          label: i18nRuntime.i18n("7fb62b30119c3797a843a48368463314"),
+          actionType: 'ajax',
+          confirmText: i18nRuntime.i18n("6c546666aab964c39cd8bfdf4fbd46b8"),
+          api: '/xxx/batch-delete'
+        },
+        bulkUpdate: {
+          type: 'button',
+          label: i18nRuntime.i18n("e73cefac9d030927da1618c7b15c98c9"),
+          actionType: 'dialog',
+          dialog: {
+            title: i18nRuntime.i18n("e73cefac9d030927da1618c7b15c98c9"),
+            size: 'md',
+            body: {
+              type: 'form',
+              api: '/xxx/bacth-edit',
+              body: [{
+                label: i18nRuntime.i18n("19c6b7463e1bf73bb4b12ba07abd5444"),
+                text: i18nRuntime.i18n("19c6b7463e1bf73bb4b12ba07abd5444"),
+                type: 'input-text'
+              }]
+            }
+          }
+        },
+        // itemDelete: {
+        //   type: 'button',
+        //   level: 'danger',
+        //   label: '删除',
+        //   api: '/xxx/delete-one',
+        //   actionType: 'ajax',
+        //   confirmText: '确定要删除？'
+        // },
+        filter: {
+          title: i18nRuntime.i18n("cf12e55021998a8328201800ec356773"),
+          body: [{
+            type: 'input-text',
+            name: 'keywords',
+            label: i18nRuntime.i18n("cfb5f18c43753ad5329348d626bd3739")
+          }]
+        }
+      }
+    });
+    Object.defineProperty(_this, "scaffoldForm", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: {
+        title: i18nRuntime.i18n("4a1e3c50547e61503a2d1c356005eb08"),
+        body: [amisEditorCore.getSchemaTpl('apiControl', {
+          label: i18nRuntime.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: i18nRuntime.i18n("3dd674542204724eb5417efc7354ec73"),
+          className: 'm-t-xs m-b-xs',
+          onClick: function (e, props) {
+            return tslib.__awaiter(_this, void 0, void 0, function () {
+              var data, schemaFilter, api, result, autoFillKeyValues, items;
+              var _a, _b;
+              return tslib.__generator(this, function (_c) {
+                switch (_c.label) {
+                  case 0:
+                    data = props.data;
+                    schemaFilter = mobxStateTree.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 {
+                      amis.toast.warning(i18nRuntime.i18n("3266535dc49863d976b9960adad29fef"));
+                    }
+                    return [2 /*return*/];
+                }
+              });
+            });
+          }
+        }, {
+          name: 'features',
+          label: i18nRuntime.i18n("07b59fd09f6007bac246d9a73b793a49"),
+          type: 'checkboxes',
+          joinValues: false,
+          extractValue: true,
+          itemClassName: 'max-w-lg',
+          options: [{
+            label: i18nRuntime.i18n("66ab5e9f24c8f46012a25c89919fb191"),
+            value: 'create'
+          }, {
+            label: i18nRuntime.i18n("bee912d79eefb7335988c4997aa9138d"),
+            value: 'filter'
+          }, {
+            label: i18nRuntime.i18n("7fb62b30119c3797a843a48368463314"),
+            value: 'bulkDelete'
+          }, {
+            label: i18nRuntime.i18n("0f61da949d2b45534967e197cc2eee29"),
+            value: 'bulkUpdate'
+          }, {
+            label: i18nRuntime.i18n("aa85b3cd6aa4cdfd45bfe5a96678ad2f"),
+            value: 'update'
+          }, {
+            label: i18nRuntime.i18n("653eb2792d3126a60caa6982f89a906b"),
+            value: 'view'
+          }, {
+            label: i18nRuntime.i18n("8a4d6dfbcd8072555b5951091f171000"),
+            value: 'delete'
+          }]
+        }, {
+          type: 'group',
+          body: [{
+            columnRatio: 10,
+            type: 'checkboxes',
+            label: i18nRuntime.i18n("f4b368051b455e386a314688c7c75c1f"),
+            name: 'filterEnabledList',
+            joinValues: false,
+            source: '${filterSettingSource}'
+          }, {
+            columnRatio: 2,
+            type: 'input-number',
+            label: i18nRuntime.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: 'input-text',
+            name: 'label',
+            label: i18nRuntime.i18n("32c65d8d7431e76029678ec7bb73a5ab")
+          }, {
+            type: 'input-text',
+            name: 'name',
+            label: i18nRuntime.i18n("41a344642681efaaa418c228ba7fb45c")
+          }, {
+            type: 'select',
+            name: 'type',
+            label: i18nRuntime.i18n("226b0912184333c81babf2f1894ec0c1"),
+            value: 'text',
+            options: [{
+              value: 'text',
+              label: i18nRuntime.i18n("ffb01e5bcf4c00447f5150d3cba81371")
+            }, {
+              value: 'tpl',
+              label: i18nRuntime.i18n("59cf15fe6b8d659c9bd2f86143534a06")
+            }, {
+              value: 'image',
+              label: i18nRuntime.i18n("20def7942674282277c3714ed7ea6ce0")
+            }, {
+              value: 'date',
+              label: i18nRuntime.i18n("4ff1e74e43a3586339251494117185ad")
+            }, {
+              value: 'progress',
+              label: i18nRuntime.i18n("c7bff79d059a0b7ff9b02441959d8be2")
+            }, {
+              value: 'status',
+              label: i18nRuntime.i18n("3fea7ca76cdece641436d7ab0d02ab1b")
+            }, {
+              value: 'mapping',
+              label: i18nRuntime.i18n("9da188491dd34c4382a5b9f006194e41")
+            }, {
+              value: 'operation',
+              label: i18nRuntime.i18n("8abc564260a1564521e0c3a1d5419b4a")
+            }]
+          }]
+        }],
+        pipeOut: function (value) {
+          var valueSchema = cloneDeep__default["default"](value);
+          // 查看/删除 操作，可选择是否使用接口返回值预填充
+          var features = valueSchema.features;
+          var oper = {
+            type: 'operation',
+            label: i18nRuntime.i18n("2b6bc0f293f5ca01b006206c2535ccbc"),
+            buttons: []
+          };
+          var itemBtns = ['update', 'view', 'delete'];
+          var hasFeatures = get__default["default"](features, 'length');
+          valueSchema.bulkActions = [];
+          /** 统一api格式 */
+          valueSchema.api = typeof valueSchema.api === 'string' ? amisCore.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__default["default"](_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 = tslib.__rest(_a, ["type"]);
+                  return tslib.__assign(tslib.__assign({}, rest), {
+                    type: viewTypeToEditType(type)
+                  });
+                });
+              } else if (item === 'view') {
+                schema = cloneDeep__default["default"](_this.btnSchemas.view);
+                schema.dialog.body.body = value.columns.map(function (_a) {
+                  _a.type;
+                    var rest = tslib.__rest(_a, ["type"]);
+                  return tslib.__assign(tslib.__assign({}, rest), {
+                    type: 'static'
+                  });
+                });
+              } else if (item === 'delete') {
+                schema = cloneDeep__default["default"](_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 : tslib.__assign(tslib.__assign({}, valueSchema.api), {
+                  method: 'post'
+                });
+              }
+              // 添加操作按钮
+              _this.addItem(oper.buttons, schema);
+            } else {
+              // 批量操作
+              if (item === 'bulkUpdate') {
+                _this.addItem(valueSchema.bulkActions, cloneDeep__default["default"](_this.btnSchemas.bulkUpdate));
+              }
+              if (item === 'bulkDelete') {
+                _this.addItem(valueSchema.bulkActions, cloneDeep__default["default"](_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 : tslib.__assign(tslib.__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: i18nRuntime.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: i18nRuntime.i18n("2b6bc0f293f5ca01b006206c2535ccbc"),
+          buttons: [{
+            icon: 'fa fa-eye',
+            type: 'button'
+          }, {
+            icon: 'fa fa-edit',
+            type: 'button'
+          }]
+        }]
+      }
+    });
+    Object.defineProperty(_this, "oldFilter", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: void 0
+    });
+    Object.defineProperty(_this, "panelTitle", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18nRuntime.i18n("d7213304d1a8a02a73a2f4010839e061")
+    });
+    Object.defineProperty(_this, "panelBodyCreator", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: function (context) {
+        _this.manager.store;
+        var id = context.id;
+        return amisEditorCore.getSchemaTpl('tabs', [{
+          title: i18nRuntime.i18n("22b777e6fcb613b8ba83ced9594cd07e"),
+          body: [amisEditorCore.getSchemaTpl('switch', {
+            name: 'filter',
+            label: i18nRuntime.i18n("07a88fae7dd11f87891af91fb54a74bb"),
+            visibleOn: 'data.api && data.api.url',
+            pipeIn: function (value) {
+              return !!value;
+            },
+            pipeOut: function (value, originValue) {
+              if (value) {
+                return _this.oldFilter || amisEditorCore.JSONPipeIn({
+                  title: i18nRuntime.i18n("cf12e55021998a8328201800ec356773"),
+                  body: [{
+                    type: 'input-text',
+                    name: 'keywords',
+                    label: i18nRuntime.i18n("cfb5f18c43753ad5329348d626bd3739")
+                  }]
+                });
+              } else {
+                _this.oldFilter = originValue;
+              }
+              return null;
+            }
+          }), {
+            type: 'divider',
+            visibleOn: 'data.api && data.api.url'
+          }, amisEditorCore.getSchemaTpl('combo-container', {
+            label: i18nRuntime.i18n("7f7c624a843b0d539a4ea59a696702f9"),
+            name: 'bulkActions',
+            type: 'combo',
+            hiddenOn: 'data.pickerMode && data.multiple',
+            inputClassName: 'ae-BulkActions-control',
+            multiple: true,
+            draggable: true,
+            draggableTip: '',
+            scaffold: {
+              label: i18nRuntime.i18n("fa966345577ba81af19408f203db968f"),
+              type: 'button'
+            },
+            labelRemark: {
+              className: 'm-l-xs',
+              trigger: 'click',
+              rootClose: true,
+              content: i18nRuntime.i18n("46e6edaeb9968e7f7ab549d4f2f82d6d"),
+              placement: 'left'
+            },
+            items: [{
+              type: 'tpl',
+              tpl: '<span class="label label-success">${label}</span>',
+              columnClassName: 'p-t-xs'
+            }, {
+              columnClassName: 'p-t-xs col-edit',
+              children: function (_a) {
+                var index = _a.index;
+                return React__default["default"].createElement("button", {
+                  onClick: _this.handleBulkActionEdit.bind(_this, id, index),
+                  "data-tooltip": "\u4FEE\u6539",
+                  "data-position": "bottom",
+                  className: "text-muted"
+                }, React__default["default"].createElement("i", {
+                  className: "fa fa-pencil"
+                }));
+              }
+            }]
+          }),
+          // getSchemaTpl('switch', {
+          //   name: 'defaultChecked',
+          //   label: '默认是否全部勾选',
+          //   visibleOn: 'data.bulkActions && data.bulkActions.length',
+          //   pipeIn: defaultValue(false)
+          // }),
+          {
+            type: 'divider'
+          }, amisEditorCore.getSchemaTpl('combo-container', {
+            label: i18nRuntime.i18n("f13a0697d58d975d14eb3f3c72c2cbf2"),
+            name: 'itemActions',
+            type: 'combo',
+            labelRemark: {
+              className: 'm-l-xs',
+              trigger: 'click',
+              rootClose: true,
+              content: i18nRuntime.i18n("3674ea51498e7118732e5e1c53d4bc80"),
+              placement: 'left'
+            },
+            hiddenOn: 'this.mode && this.mode !== "table" || this.pickerMode',
+            inputClassName: 'ae-BulkActions-control',
+            multiple: true,
+            draggable: true,
+            scaffold: {
+              label: i18nRuntime.i18n("fa966345577ba81af19408f203db968f"),
+              type: 'button'
+            },
+            items: [{
+              type: 'tpl',
+              tpl: '<span class="label label-success">${label}</span>',
+              columnClassName: 'p-t-xs'
+            }, {
+              type: 'checkbox',
+              className: 'text-xs',
+              option: i18nRuntime.i18n("4916771d080ddf6d0551de4d6d2f42a4"),
+              name: 'hiddenOnHover'
+            }, {
+              columnClassName: 'p-t-xs col-edit',
+              children: function (_a) {
+                var index = _a.index;
+                return React__default["default"].createElement("button", {
+                  onClick: _this.handleItemActionEdit.bind(_this, id, index),
+                  "data-tooltip": "\u4FEE\u6539",
+                  "data-position": "bottom",
+                  className: "text-muted"
+                }, React__default["default"].createElement("i", {
+                  className: "fa fa-pencil"
+                }));
+              }
+            }]
+          }), {
+            type: 'divider',
+            hiddenOn: 'this.mode && this.mode !== "table" || this.pickerMode'
+          }, amisEditorCore.getSchemaTpl('switch', {
+            name: 'syncLocation',
+            label: i18nRuntime.i18n("569343b4fe5e48131b78611c11eadbeb"),
+            pipeIn: amisEditorCore.defaultValue(true),
+            labelRemark: {
+              className: 'm-l-xs',
+              trigger: 'click',
+              rootClose: true,
+              content: i18nRuntime.i18n("6dbee29a8c54eef9d042ef3280999ad9"),
+              placement: 'left'
+            }
+          }), amisEditorCore.getSchemaTpl('combo-container', {
+            label: i18nRuntime.i18n("2171d1b07d045e796cba4a05bcf7d13f"),
+            type: 'input-kv',
+            name: 'defaultParams',
+            labelRemark: {
+              className: 'm-l-xs',
+              trigger: 'click',
+              rootClose: true,
+              content: i18nRuntime.i18n("01e7eb2256821085a14708d6ddf36814"),
+              placement: 'left'
+            }
+          }), {
+            type: 'divider'
+          }, amisEditorCore.getSchemaTpl('switch', {
+            name: 'keepItemSelectionOnPageChange',
+            label: i18nRuntime.i18n("58ed0a7a5a91996dbb4c7d6dc7679364"),
+            visbileOn: 'this.bulkActions && this.bulkActions.length || this.itemActions && this.itemActions.length',
+            labelRemark: {
+              className: 'm-l-xs',
+              trigger: 'click',
+              rootClose: true,
+              content: i18nRuntime.i18n("36ac0011faae6f88ee0ec3e642328327"),
+              placement: 'left'
+            }
+          }), {
+            name: 'labelTpl',
+            type: 'input-text',
+            label: i18nRuntime.i18n("2a0b47ba76e886070c3bd6abeae3d1c0"),
+            visibleOn: 'this.keepItemSelectionOnPageChange',
+            labelRemark: {
+              className: 'm-l-xs',
+              trigger: 'click',
+              rootClose: true,
+              content: i18nRuntime.i18n("6ab3e5b6c5d5d2cf621e911226495433"),
+              placement: 'left'
+            }
+          }, {
+            name: 'primaryField',
+            label: i18nRuntime.i18n("987b04af242bb2dafaf32d890ab952ff"),
+            type: 'input-text',
+            pipeIn: amisEditorCore.defaultValue('id'),
+            description: i18nRuntime.i18n("a270e70be12fb13a24ca3e4ac70fa838")
+          }]
+        }, {
+          title: i18nRuntime.i18n("54ea89b497ec3bb319c68844dfa3687f"),
+          body: [amisEditorCore.getSchemaTpl('apiControl', {
+            label: i18nRuntime.i18n("db7ee36de8063c2d5a6c123eac65641a"),
+            sampleBuilder: function () {
+              var _a, _b;
+              var data = {
+                items: [],
+                total: 0
+              };
+              var columns = (_b = (_a = context === null || context === void 0 ? void 0 : context.schema) === null || _a === void 0 ? void 0 : _a.columns) !== null && _b !== void 0 ? _b : [];
+              var row = {};
+              columns.forEach(function (column) {
+                if (column.name) {
+                  amisCore.setVariable(row, column.name, 'sample');
+                }
+              });
+              data.items.push(row);
+              return JSON.stringify({
+                status: 0,
+                msg: '',
+                data: data
+              }, null, 2);
+            }
+          }), {
+            name: 'initFetch',
+            type: 'radios',
+            label: i18nRuntime.i18n("0951dad1723aa1191ce1a2e96db76051"),
+            pipeIn: function (value) {
+              return typeof value == 'boolean' && value || typeof value !== 'boolean' && '';
+            },
+            inline: true,
+            onChange: function () {},
+            options: [{
+              label: i18nRuntime.i18n("0a60ac8f02ccd2cf723f927284877851"),
+              value: true
+            }, {
+              label: i18nRuntime.i18n("c9744f45e76d885ae1c74d4f4a934b2e"),
+              value: false
+            }, {
+              label: i18nRuntime.i18n("a9400c408441f1f7f6d6954deb05ae9a"),
+              value: ''
+            }]
+          }, {
+            name: 'initFetch',
+            autoComplete: false,
+            visibleOn: 'typeof this.initFetch !== "boolean"',
+            type: 'input-text',
+            placeholder: i18nRuntime.i18n("55b22f5d136e73b26cef65aedd8ba86e"),
+            className: 'm-t-n-sm'
+          }, amisEditorCore.getSchemaTpl('switch', {
+            name: 'loadDataOnce',
+            label: i18nRuntime.i18n("bedc70d448b656d828bd3ed7926b3e4d"),
+            labelRemark: {
+              className: 'm-l-xs',
+              trigger: 'click',
+              rootClose: true,
+              content: i18nRuntime.i18n("559fa334442f0f75b0343bbf38b7ff05"),
+              placement: 'left'
+            }
+          }), amisEditorCore.getSchemaTpl('switch', {
+            label: i18nRuntime.i18n("1af68c43e1780249f11b9de1eeaeb281"),
+            name: 'interval',
+            visibleOn: 'data.api',
+            pipeIn: function (value) {
+              return !!value;
+            },
+            pipeOut: function (value) {
+              return value ? 3000 : undefined;
+            }
+          }), {
+            name: 'interval',
+            type: 'input-number',
+            visibleOn: 'typeof data.interval === "number"',
+            step: 500,
+            className: 'm-t-n-sm',
+            description: i18nRuntime.i18n("9800f1ce2f78a23b81c8d944ebf9cce9")
+          }, amisEditorCore.getSchemaTpl('switch', {
+            name: 'silentPolling',
+            label: i18nRuntime.i18n("19c5410b23fba4bbfd1a58bbd5268c9b"),
+            visibleOn: '!!data.interval',
+            description: i18nRuntime.i18n("04f840b0772f4b5d59954a29a76f4e7b")
+          }), {
+            name: 'stopAutoRefreshWhen',
+            label: i18nRuntime.i18n("6037dae99e9446deaed45f7e408f47ab"),
+            type: 'input-text',
+            visibleOn: '!!data.interval',
+            description: i18nRuntime.i18n("32e3a79e80dcf7f7304e8092dd7acc6f")
+          }, amisEditorCore.getSchemaTpl('switch', {
+            name: 'stopAutoRefreshWhenModalIsOpen',
+            label: i18nRuntime.i18n("154ef40e477c031f6c1ec15caefb570a"),
+            visibleOn: '!!data.interval',
+            description: i18nRuntime.i18n("50f7c85bf60a9f43522789644566c62b")
+          }), {
+            type: 'divider'
+          }, amisEditorCore.getSchemaTpl('switch', {
+            name: 'draggable',
+            label: i18nRuntime.i18n("d8905a70e93a33c7a86240f467c653d4")
+          }), amisEditorCore.getSchemaTpl('apiControl', {
+            label: i18nRuntime.i18n("040a78b24eaff47d4fa7e266473635b4"),
+            name: 'saveOrderApi',
+            visibleOn: 'data.draggable'
+          }), {
+            type: 'divider'
+          }, amisEditorCore.getSchemaTpl('apiControl', {
+            label: i18nRuntime.i18n("ee850a0e326b217bdeb61d936c521177"),
+            name: 'quickSaveApi',
+            description: i18nRuntime.i18n("8343f619879fa79bc8ef1a35b2fc3e78")
+          }), {
+            type: 'divider'
+          }, amisEditorCore.getSchemaTpl('apiControl', {
+            label: i18nRuntime.i18n("d891e79d4a8718a7dbd47ac68aaaa5cb"),
+            name: 'quickSaveItemApi',
+            description: i18nRuntime.i18n("38db6e045e214ffcd03ede695002271c")
+          }), {
+            type: 'divider'
+          }, {
+            label: i18nRuntime.i18n("522110866c19dace2ce38336617405c2"),
+            type: 'combo',
+            name: 'messages',
+            multiLine: true,
+            description: i18nRuntime.i18n("3b69c2e540c05e9ca530ed30cf224472"),
+            items: [{
+              label: i18nRuntime.i18n("fb24383a41f23196349548b5d0cb98ce"),
+              type: 'input-text',
+              name: 'fetchSuccess'
+            }, {
+              label: i18nRuntime.i18n("62e3e15c8fb9038f2780329bc26e8bab"),
+              type: 'input-text',
+              name: 'fetchFailed'
+            }, {
+              label: i18nRuntime.i18n("c62a1b7f314be10aead10475e7543f6a"),
+              type: 'input-text',
+              name: 'saveOrderSuccess'
+            }, {
+              label: i18nRuntime.i18n("c8035507b7a576d43e9f227c91c7a7b5"),
+              type: 'input-text',
+              name: 'saveOrderFailed'
+            }, {
+              label: i18nRuntime.i18n("7cb0932b806559be232d2a69453224e7"),
+              type: 'input-text',
+              name: 'quickSaveSuccess'
+            }, {
+              label: i18nRuntime.i18n("fd79a193a487b8c9d5a302d0d88c1c2c"),
+              type: 'input-text',
+              name: 'quickSaveFailed'
+            }]
+          }]
+        }, {
+          title: i18nRuntime.i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+          body: [{
+            label: i18nRuntime.i18n("ff57a3bf69a1065707e77c18c51f7bbb"),
+            name: 'mode',
+            type: 'button-group-select',
+            size: 'xs',
+            pipeIn: function (value, values) {
+              var _a;
+              return (_a = value === 'grid' ? 'cards' : value) !== null && _a !== void 0 ? _a : 'table';
+            },
+            onChange: function (value, oldValue, model, form) {
+              var _a, _b, _c, _d, _e;
+              var headerHasColumnsToggle = (_b = (_a = form === null || form === void 0 ? void 0 : form.data) === null || _a === void 0 ? void 0 : _a.headerToolbar) === null || _b === void 0 ? void 0 : _b.some(function (item) {
+                return item.type === 'columns-toggler';
+              });
+              var headerToolbar = cloneDeep__default["default"]((_c = form === null || form === void 0 ? void 0 : form.data) === null || _c === void 0 ? void 0 : _c.headerToolbar);
+              var columnsToggler;
+              if (value !== 'table' && oldValue === 'table') {
+                // 存储table模式是否有 columns-toggler
+                columnsToggler = (headerToolbar === null || headerToolbar === void 0 ? void 0 : headerToolbar.find(function (item) {
+                  return item.type === 'columns-toggler';
+                })) || {
+                  type: 'columns-toggler',
+                  align: 'right'
+                };
+                form.setValues({
+                  __headerHasColumnsToggler: headerHasColumnsToggle
+                });
+              }
+              headerToolbar = value === 'table' ? headerToolbar : headerToolbar === null || headerToolbar === void 0 ? void 0 : headerToolbar.filter(function (item) {
+                return item.type !== 'columns-toggler';
+              });
+              if (value === 'table') {
+                if (((_d = form === null || form === void 0 ? void 0 : form.data) === null || _d === void 0 ? void 0 : _d.__headerHasColumnsToggler) && !headerHasColumnsToggle) {
+                  headerToolbar === null || headerToolbar === void 0 ? void 0 : headerToolbar.push(((_e = form === null || form === void 0 ? void 0 : form.data) === null || _e === void 0 ? void 0 : _e.__cacheColumnsToggler) || {
+                    type: 'columns-toggler',
+                    align: 'right'
+                  });
+                }
+                form.setValues({
+                  headerToolbar: headerToolbar,
+                  columns: form.data.__columns || [{
+                    label: 'ID',
+                    name: 'id'
+                  }, {
+                    label: i18nRuntime.i18n("20aadc3f9b7edb564dc58898898e0dc8"),
+                    name: 'name'
+                  }],
+                  __headerHasColumnsToggler: headerHasColumnsToggle,
+                  __card: form.data.card || form.data.__card,
+                  __listItem: form.data.listItem || form.data.__listItem
+                });
+                form.deleteValueByName('card');
+                form.deleteValueByName('listItem');
+              } else if (value === 'cards') {
+                oldValue === 'table' && form.setValues({
+                  __cacheColumnsToggler: columnsToggler
+                });
+                form.setValues({
+                  headerToolbar: headerToolbar,
+                  card: form.data.__card || {
+                    type: 'card',
+                    header: {
+                      title: i18nRuntime.i18n("32c65d8d7431e76029678ec7bb73a5ab"),
+                      subTitle: i18nRuntime.i18n("72cf373be86a38b29f6d2f15900b0da1")
+                    },
+                    body: [{
+                      name: 'a',
+                      label: 'A'
+                    }, {
+                      name: 'b',
+                      label: 'B'
+                    }],
+                    actions: [{
+                      label: i18nRuntime.i18n("f26225bde6a250894a04db4c53ea03d0"),
+                      type: 'button'
+                    }]
+                  },
+                  __columns: form.data.columns || form.data.__columns,
+                  __listItem: form.data.listItem || form.data.__listItem
+                });
+                form.deleteValueByName('columns');
+                form.deleteValueByName('listItem');
+              } else {
+                oldValue === 'table' && form.setValues({
+                  __cacheColumnsToggler: columnsToggler
+                });
+                form.setValues({
+                  headerToolbar: headerToolbar,
+                  listItem: form.data.__listItem || {
+                    body: [{
+                      type: 'tpl',
+                      tpl: i18nRuntime.i18n("3bb4d608c6bee2b7b6d788417cde04e3")
+                    }],
+                    actions: [{
+                      icon: 'fa fa-eye',
+                      type: 'button'
+                    }]
+                  },
+                  __columns: form.data.columns || form.data.__columns,
+                  __card: form.data.card || form.data.__card
+                });
+                form.deleteValueByName('columns');
+                form.deleteValueByName('card');
+              }
+            },
+            options: [{
+              value: 'table',
+              label: i18nRuntime.i18n("b339aa87104709397ba68e7ebbc6e5ba")
+            }, {
+              value: 'cards',
+              label: i18nRuntime.i18n("d87f215d9ac688b1d3399bf575a0ef6f")
+            }, {
+              value: 'list',
+              label: i18nRuntime.i18n("3712972d84adf48acbd6ad24b4d75ad0")
+            }]
+          }, amisEditorCore.getSchemaTpl('combo-container', {
+            name: 'headerToolbar',
+            type: 'combo',
+            draggable: true,
+            draggableTip: '',
+            descrition: i18nRuntime.i18n("e4fd8d64804a4f3d743eff384a6eb20a"),
+            label: i18nRuntime.i18n("14555503d6e09ecd66661d04c882e79b"),
+            pipeIn: function (value) {
+              if (!Array.isArray(value)) {
+                value = value ? [value] : ['bulkActions'];
+              }
+              return value.map(function (item) {
+                var type = item.type;
+                if (typeof item === 'string' && ~['bulkActions', 'bulk-actions', 'pagination', 'statistics', 'switch-per-page', 'filter-toggler', 'load-more', 'export-csv', 'export-excel'].indexOf(item)) {
+                  type = item === 'bulkActions' ? 'bulk-actions' : item;
+                  item = {
+                    type: type
+                  };
+                } else if (typeof item === 'string') {
+                  type = 'tpl';
+                  item = typeof item === 'string' ? {
+                    type: 'tpl',
+                    tpl: item
+                  } : item;
+                }
+                return tslib.__assign({
+                  type: type
+                }, item);
+              });
+            },
+            pipeOut: function (value) {
+              if (Array.isArray(value)) {
+                return value.map(function (item) {
+                  if (item.type === 'button') {
+                    return amisEditorCore.JSONPipeIn(tslib.__assign({
+                      label: i18nRuntime.i18n("fa966345577ba81af19408f203db968f"),
+                      type: 'button'
+                    }, item));
+                  } else if (item.type === 'tpl') {
+                    return amisEditorCore.JSONPipeIn(tslib.__assign({
+                      type: 'tpl',
+                      tpl: i18nRuntime.i18n("2d711b09bd0db0ad240cc83b30dd8014")
+                    }, item));
+                  }
+                  return item;
+                });
+              }
+              return [];
+            },
+            scaffold: {
+              type: 'tpl',
+              tpl: i18nRuntime.i18n("2d711b09bd0db0ad240cc83b30dd8014")
+            },
+            multiple: true,
+            items: [{
+              type: 'select',
+              name: 'type',
+              columnClassName: 'w-ssm',
+              options: [{
+                value: 'bulk-actions',
+                label: i18nRuntime.i18n("8abc564260a1564521e0c3a1d5419b4a")
+              }, {
+                value: 'pagination',
+                label: i18nRuntime.i18n("3862626c138ce5945e0e273a1bdfbad0")
+              }, {
+                value: 'statistics',
+                label: i18nRuntime.i18n("439a19857be1fb8d3e6017258e32c486")
+              }, {
+                value: 'switch-per-page',
+                label: i18nRuntime.i18n("bc908986a4e4eec3dca3530afd1d4306")
+              }, {
+                value: 'load-more',
+                label: i18nRuntime.i18n("77281549955309c49f5eef77838a85e5")
+              }, {
+                value: 'export-csv',
+                label: i18nRuntime.i18n("1add12ff3338a990b60154b75019c348")
+              }, {
+                value: 'export-excel',
+                label: i18nRuntime.i18n("7d57852b946d9d4d64fb2a48ca2b4a44")
+              }, {
+                value: 'columns-toggler',
+                label: i18nRuntime.i18n("16c6099bc0efaa669d8de698c105e333"),
+                visibleOn: '!this.mode || this.mode === "table"'
+              }, {
+                value: 'filter-toggler',
+                label: i18nRuntime.i18n("073694928db5b0b5423ebe095ec62d39")
+              }, {
+                value: 'drag-toggler',
+                label: i18nRuntime.i18n("5b9c3e6ce478196f802722cb09d61f0b")
+              }, {
+                value: 'check-all',
+                label: i18nRuntime.i18n("66eeacd93a7c1bda93906fe908ad11a0"),
+                hiddenOn: '!this.mode || this.mode === "table"'
+              }, {
+                value: 'tpl',
+                label: i18nRuntime.i18n("97d07614380da93d257f9fbf81aa56fb")
+              }, {
+                value: 'button',
+                label: i18nRuntime.i18n("fa966345577ba81af19408f203db968f")
+              }]
+            }, {
+              name: 'align',
+              placeholder: i18nRuntime.i18n("d5bc35360607472de4525358af126de4"),
+              type: 'select',
+              size: 'xs',
+              options: [{
+                label: i18nRuntime.i18n("413f48cc71f71083ce532a86e3efdc21"),
+                value: 'left'
+              }, {
+                label: i18nRuntime.i18n("fd8e9572cc6bf87653c4d8f8b8dd0db9"),
+                value: 'right'
+              }]
+            }
+            // {
+            //   type: 'remark',
+            //   content: '详情请在预览区域选中后进行编辑。',
+            //   trigger: ['click'],
+            //   rootClose: true,
+            //   placement: 'left',
+            //   visibleOn:
+            //     '!~["bulkActions", "drag-toggler", "check-all", "bulk-actions", "pagination", "statistics", "switch-per-page", "filter-toggler", "load-more"].indexOf(this.type)',
+            //   columnClassName: 'no-grow w-3x p-t-xs',
+            //   className: 'm-l-none'
+            // }
+            ]
+          }), amisEditorCore.getSchemaTpl('combo-container', {
+            name: 'footerToolbar',
+            type: 'combo',
+            draggable: true,
+            draggableTip: '',
+            descrition: i18nRuntime.i18n("e4fd8d64804a4f3d743eff384a6eb20a"),
+            label: i18nRuntime.i18n("1325969c143a639294c1c6ab370b35a3"),
+            pipeIn: function (value) {
+              if (!Array.isArray(value)) {
+                value = value ? [value] : ['statistics', 'pagination'];
+              }
+              return value.map(function (item) {
+                var type = item.type;
+                if (typeof item === 'string' && ~['bulkActions', 'bulk-actions', 'pagination', 'statistics', 'switch-per-page', 'filter-toggler', 'load-more', 'export-csv', 'export-excel'].indexOf(item)) {
+                  type = item === 'bulkActions' ? 'bulk-actions' : item;
+                  item = {
+                    type: type
+                  };
+                } else if (typeof item === 'string') {
+                  type = 'tpl';
+                  item = typeof item === 'string' ? {
+                    type: 'tpl',
+                    tpl: item
+                  } : item;
+                }
+                return tslib.__assign({
+                  type: type
+                }, item);
+              });
+            },
+            pipeOut: function (value) {
+              if (Array.isArray(value)) {
+                return value.map(function (item) {
+                  if (item.type === 'button') {
+                    return amisEditorCore.JSONPipeIn(tslib.__assign({
+                      label: i18nRuntime.i18n("fa966345577ba81af19408f203db968f"),
+                      type: 'button'
+                    }, item));
+                  } else if (item.type === 'tpl') {
+                    return amisEditorCore.JSONPipeIn(tslib.__assign({
+                      type: 'tpl',
+                      tpl: i18nRuntime.i18n("2d711b09bd0db0ad240cc83b30dd8014")
+                    }, item));
+                  }
+                  return item;
+                });
+              }
+              return [];
+            },
+            scaffold: {
+              type: 'tpl',
+              tpl: i18nRuntime.i18n("2d711b09bd0db0ad240cc83b30dd8014")
+            },
+            multiple: true,
+            items: [{
+              type: 'select',
+              name: 'type',
+              columnClassName: 'w-ssm',
+              options: [{
+                value: 'bulk-actions',
+                label: i18nRuntime.i18n("8abc564260a1564521e0c3a1d5419b4a")
+              }, {
+                value: 'pagination',
+                label: i18nRuntime.i18n("3862626c138ce5945e0e273a1bdfbad0")
+              }, {
+                value: 'statistics',
+                label: i18nRuntime.i18n("439a19857be1fb8d3e6017258e32c486")
+              }, {
+                value: 'switch-per-page',
+                label: i18nRuntime.i18n("bc908986a4e4eec3dca3530afd1d4306")
+              }, {
+                value: 'load-more',
+                label: i18nRuntime.i18n("77281549955309c49f5eef77838a85e5")
+              }, {
+                value: 'export-csv',
+                label: i18nRuntime.i18n("1add12ff3338a990b60154b75019c348")
+              }, {
+                value: 'export-excel',
+                label: i18nRuntime.i18n("7d57852b946d9d4d64fb2a48ca2b4a44")
+              }, {
+                value: 'columns-toggler',
+                label: i18nRuntime.i18n("16c6099bc0efaa669d8de698c105e333"),
+                hiddenOn: '["grid", "cards", "list"].indexOf(this.mode)'
+              }, {
+                value: 'filter-toggler',
+                label: i18nRuntime.i18n("073694928db5b0b5423ebe095ec62d39")
+              }, {
+                value: 'drag-toggler',
+                label: i18nRuntime.i18n("5b9c3e6ce478196f802722cb09d61f0b")
+              }, {
+                value: 'check-all',
+                label: i18nRuntime.i18n("66eeacd93a7c1bda93906fe908ad11a0"),
+                hiddenOn: '!this.mode || this.mode === "table"'
+              }, {
+                value: 'tpl',
+                label: i18nRuntime.i18n("97d07614380da93d257f9fbf81aa56fb")
+              }, {
+                value: 'button',
+                label: i18nRuntime.i18n("fa966345577ba81af19408f203db968f")
+              }]
+            }, {
+              name: 'align',
+              placeholder: i18nRuntime.i18n("d5bc35360607472de4525358af126de4"),
+              size: 'xs',
+              type: 'select',
+              options: [{
+                label: i18nRuntime.i18n("413f48cc71f71083ce532a86e3efdc21"),
+                value: 'left'
+              }, {
+                label: i18nRuntime.i18n("fd8e9572cc6bf87653c4d8f8b8dd0db9"),
+                value: 'right'
+              }]
+            }, {
+              type: 'remark',
+              content: i18nRuntime.i18n("440a3a2d7f1b123718be75e2baee8391"),
+              trigger: ['click'],
+              rootClose: true,
+              placement: 'left',
+              visibleOn: '!~["bulkActions", "drag-toggler", "check-all", "bulk-actions", "pagination", "statistics", "switch-per-page", "filter-toggler", "load-more", "export-csv", "export-excel"].indexOf(this.type)',
+              columnClassName: 'no-grow w-3x p-t-xs',
+              className: 'm-l-none'
+            }]
+          }), amisEditorCore.getSchemaTpl('switch', {
+            name: 'filterTogglable',
+            label: i18nRuntime.i18n("34da7e4a0ecdb63967427f43adf2de3e"),
+            visibleOn: 'data.filter'
+          }), amisEditorCore.getSchemaTpl('switch', {
+            name: 'filterDefaultVisible',
+            label: i18nRuntime.i18n("25c0db3ddce9bfffd497d0c824cf3c72"),
+            visibleOn: 'data.filter && data.filterTogglable',
+            pipeIn: amisEditorCore.defaultValue(true)
+          }), amisEditorCore.getSchemaTpl('switch', {
+            name: 'hideQuickSaveBtn',
+            label: i18nRuntime.i18n("259d11c300a365b6767228c12d29ce53")
+          }), amisEditorCore.getSchemaTpl('switch', {
+            name: 'alwaysShowPagination',
+            label: i18nRuntime.i18n("fa9417bacb7714e82663655345ca213d")
+          }), amisEditorCore.getSchemaTpl('switch', {
+            name: 'hideCheckToggler',
+            label: i18nRuntime.i18n("e3d2a85f20608a5bde7d539969d03167"),
+            visibleOn: 'data.checkOnItemClick'
+          }), amisEditorCore.getSchemaTpl('className'), amisEditorCore.getSchemaTpl('className', {
+            name: 'bodyClassName',
+            label: i18nRuntime.i18n("af1af0a7fad9e8bdcd21694d0e036e12")
+          })]
+        }, {
+          title: i18nRuntime.i18n("0d98c74797e49d00bcc4c17c9d557a2b"),
+          body: [amisEditorCore.getSchemaTpl('ref'), {
+            name: 'source',
+            label: i18nRuntime.i18n("c11322c9cc43ce3c004cf03f5ac0acd0"),
+            type: 'input-text',
+            description: i18nRuntime.i18n("62569fcb0fc8314daea97989bba3877c")
+          }, {
+            name: 'perPage',
+            label: i18nRuntime.i18n("606bc931d2b3ebba2569cb1494719e2c"),
+            type: 'input-number'
+          }, amisEditorCore.getSchemaTpl('switch', {
+            name: 'keepItemSelectionOnPageChange',
+            label: i18nRuntime.i18n("004d01f56242e07cbdc97256bb11c75b")
+          }), {
+            name: 'maxKeepItemSelectionLength',
+            label: i18nRuntime.i18n("3d330edb46341a26ccc9aaa7f7938a8e"),
+            type: 'input-number',
+            mode: 'inline',
+            className: 'block'
+          }, {
+            name: 'pageField',
+            label: i18nRuntime.i18n("95e68bea2d8c8e41ffa619d4364a0d6f"),
+            type: 'input-text',
+            pipeIn: amisEditorCore.defaultValue('page')
+          }, {
+            name: 'perPageField',
+            label: i18nRuntime.i18n("537f8b09437bdb7fac429dc4e8666763"),
+            type: 'input-text',
+            pipeIn: amisEditorCore.defaultValue('perPage')
+          }, {
+            name: 'orderField',
+            label: i18nRuntime.i18n("30c7bd5acd4564057bd89e0846f01728"),
+            type: 'input-text',
+            labelRemark: {
+              className: 'm-l-xs',
+              trigger: 'click',
+              rootClose: true,
+              content: i18nRuntime.i18n("dd8d217677e4c5df28b7f46aa99b22a8"),
+              placement: 'left'
+            }
+          }, {
+            name: 'perPageAvailable',
+            label: i18nRuntime.i18n("e04e8f570e2fb43a533b224f3c48523d"),
+            type: 'input-array',
+            hiddenOn: 'data.loadDataOnce',
+            items: {
+              type: 'input-number',
+              required: true
+            },
+            value: [10]
+          }, amisEditorCore.getSchemaTpl('name'), {
+            name: 'itemCheckableOn',
+            type: 'input-text',
+            label: i18nRuntime.i18n("0fc1de8f71a7470213fc68f981abdbc2"),
+            description: i18nRuntime.i18n("7d5fefd589000879088063dceb4b2552"),
+            visibleOn: 'data.bulkActions && data.bulkActions.length || data.pickerMode'
+          }, amisEditorCore.getSchemaTpl('switch', {
+            name: 'checkOnItemClick',
+            label: i18nRuntime.i18n("614ec7801e03f7ee009e4448e6ed4001"),
+            visibleOn: 'data.bulkActions && data.bulkActions.length || data.pickerMode'
+          }), amisEditorCore.getSchemaTpl('switch', {
+            name: 'autoJumpToTopOnPagerChange',
+            label: i18nRuntime.i18n("530ab79908eabe5b329ffe17695079e2"),
+            description: i18nRuntime.i18n("9092afb1ccb692308ef06d8001da2208")
+          }), amisEditorCore.getSchemaTpl('switch', {
+            name: 'syncResponse2Query',
+            label: i18nRuntime.i18n("c8cf39b24bb52d0562472c33b86824fe"),
+            description: i18nRuntime.i18n("d3c172700af4f3f3afb028d6bb4a90a4")
+          })]
+        }]);
+      }
+    });
+    Object.defineProperty(_this, "wrapperProps", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: {
+        affixHeader: false
+      }
+    });
+    return _this;
+  }
+  Object.defineProperty(CRUDPlugin.prototype, "addItem", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (source, target) {
+      var canAdd = source.find(function (item) {
+        return item.label === target.label;
+      });
+      if (!canAdd) {
+        source.push(target);
+      }
+    }
+  });
+  Object.defineProperty(CRUDPlugin.prototype, "handleBulkActionEdit", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (id, index) {
+      var store = this.manager.store;
+      var schema = store.getSchema(id);
+      var action = schema === null || schema === void 0 ? void 0 : schema.bulkActions[index];
+      if (action && action.$$id) {
+        store.setActiveId(action.$$id);
+      }
+    }
+  });
+  Object.defineProperty(CRUDPlugin.prototype, "handleItemActionEdit", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (id, index) {
+      var store = this.manager.store;
+      var schema = store.getSchema(id);
+      var action = schema === null || schema === void 0 ? void 0 : schema.itemActions[index];
+      if (action && action.$$id) {
+        store.setActiveId(action.$$id);
+      }
+    }
+  });
+  /**
+   * 默认什么组件都加入的子组件里面，子类里面可以复写这个改变行为。
+   * @param context
+   * @param renderers
+   */
+  Object.defineProperty(CRUDPlugin.prototype, "buildSubRenderers", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (context, renderers) {
+      var plugin = this;
+      if (plugin.name && plugin.description) {
+        return {
+          name: plugin.name,
+          icon: plugin.icon,
+          pluginIcon: plugin.pluginIcon,
+          description: plugin.description,
+          previewSchema: plugin.previewSchema,
+          tags: plugin.tags,
+          docLink: plugin.docLink,
+          type: plugin.type,
+          scaffold: plugin.scaffold,
+          disabledRendererPlugin: plugin.disabledRendererPlugin,
+          isBaseComponent: plugin.isBaseComponent,
+          scaffoldForm: this.scaffoldForm,
+          rendererName: plugin.rendererName
+        };
+      }
+    }
+  });
+  Object.defineProperty(CRUDPlugin.prototype, "getRendererInfo", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (context) {
+      var info = _super.prototype.getRendererInfo.call(this, context);
+      if (info) {
+        info.scaffoldForm = this.scaffoldForm;
+      }
+      return info;
+    }
+  });
+  Object.defineProperty(CRUDPlugin.prototype, "renderEditableComponents", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (props) {
+      var render = props.render;
+      var bulkActions = props.bulkActions;
+      var itemActions = props.itemActions;
+      var doms = [];
+      if (Array.isArray(bulkActions) && bulkActions.length) {
+        doms.push(React__default["default"].createElement("div", {
+          key: "bulkActions",
+          className: "ae-EditableRender"
+        }, React__default["default"].createElement("div", {
+          className: "ae-EditableRender-title"
+        }, "\u6279\u91CF\u64CD\u4F5C"), React__default["default"].createElement("div", {
+          className: "ae-EditableRender-body"
+        }, bulkActions.map(function (action) {
+          return render('bulk-action', tslib.__assign({
+            type: 'button',
+            size: 'sm'
+          }, action), {
+            key: action.$$id
+          });
+        }))));
+      }
+      if (Array.isArray(itemActions) && itemActions.length) {
+        doms.push(React__default["default"].createElement("div", {
+          key: "itemActions",
+          className: "ae-EditableRender"
+        }, React__default["default"].createElement("div", {
+          className: "ae-EditableRender-title"
+        }, "\u5355\u6761\u64CD\u4F5C"), React__default["default"].createElement("div", {
+          className: "ae-EditableRender-body"
+        }, itemActions.map(function (action) {
+          return render('bulk-action', tslib.__assign({
+            type: 'button',
+            size: 'sm'
+          }, action), {
+            key: action.$$id
+          });
+        }))));
+      }
+      if (!doms.length) {
+        return null;
+      }
+      return React__default["default"].createElement("div", {
+        className: "ae-EditableRenderers"
+      }, React__default["default"].createElement("div", {
+        className: "ae-EditableRenderers-tip"
+      }, "\u300C\u589E\u5220\u6539\u67E5\u300D\u7F16\u8F91\u8F85\u52A9\u533A"), doms);
+    }
+  });
+  Object.defineProperty(CRUDPlugin.prototype, "renderRenderer", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (props) {
+      var $$editor = props.$$editor;
+      var renderer = $$editor.renderer;
+      return React__default["default"].createElement("div", {
+        className: "ae-CRUDEditor"
+      }, this.renderEditableComponents(props), React__default["default"].createElement(renderer.component, tslib.__assign({}, props)));
+    }
+  });
+  Object.defineProperty(CRUDPlugin.prototype, "filterProps", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (props) {
+      if (props.pickerMode) {
+        props.options = props.data.options;
+      }
+      return props;
+    }
+  });
+  Object.defineProperty(CRUDPlugin.prototype, "afterUpdate", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (event) {
+      var _this = this;
+      var _a;
+      var context = event.context;
+      // mode 内容形式变化，需要重新构建面板。
+      if (context.info.plugin === this && ((_a = context.diff) === null || _a === void 0 ? void 0 : _a.some(function (change) {
+        var _a;
+        return ((_a = change.path) === null || _a === void 0 ? void 0 : _a.join('.')) === 'mode';
+      }))) {
+        setTimeout(function () {
+          _this.manager.buildPanels();
+          _this.manager.buildToolbars();
+        }, 20);
+      }
+    }
+  });
+  Object.defineProperty(CRUDPlugin.prototype, "buildDataSchemas", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (node, region) {
+      var _a, _b;
+      return tslib.__awaiter(this, void 0, void 0, function () {
+        var child;
+        return tslib.__generator(this, function (_c) {
+          child = node.children.find(function (item) {
+            return !!~['table', 'table2', 'cards', 'list'].indexOf(item.type);
+          });
+          if (!((_b = (_a = child === null || child === void 0 ? void 0 : child.info) === null || _a === void 0 ? void 0 : _a.plugin) === null || _b === void 0 ? void 0 : _b.buildDataSchemas)) {
+            return [2 /*return*/];
+          }
+
+          return [2 /*return*/, child.info.plugin.buildDataSchemas(child)];
+        });
+      });
+    }
+  });
+  return CRUDPlugin;
+}(amisEditorCore.BasePlugin);
+amisEditorCore.registerEditorPlugin(CRUDPlugin);
+
+exports.CRUDPlugin = CRUDPlugin;