amis-editor 5.2.0-beta.1 → 5.2.0-beta.2

package/lib/plugin/CRUD.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.0-beta.1
+ * amis-editor v5.2.0-beta.2
  * Copyright 2018-2022 @fex
  */
 
@@ -12,9 +12,10 @@ var amis = require('amis');
 var get = require('lodash/get');
 var cloneDeep = require('lodash/cloneDeep');
 var React = require('react');
-var AMisCodeEditor = require('amis-editor-core');
+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 }; }
 
@@ -22,1507 +23,1456 @@ 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);
+  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;
-        // 关联渲染器名字
-        _this.rendererName = 'crud';
-        _this.$schema = '/schemas/CRUDSchema.json';
-        _this.order = -1000;
-        // 组件名称
-        _this.name = '增删改查';
-        _this.isBaseComponent = true;
-        _this.description = '用来实现对数据的增删改查，支持三种模式展示：table、cards和list. 负责数据的拉取，分页，单条操作，批量操作，排序，快速编辑等等功能。集成查询条件。';
-        _this.docLink = '/amis/zh-CN/components/crud';
-        _this.tags = ['功能'];
-        _this.icon = 'fa fa-table';
-        _this.scaffold = {
-            type: 'crud',
-            syncLocation: false,
-            api: '',
-            columns: [
-                {
-                    name: 'id',
-                    label: 'ID',
-                    type: 'text'
-                },
-                {
-                    name: 'engine',
-                    label: '渲染引擎',
-                    type: 'text'
-                }
-            ],
-            bulkActions: [],
-            itemActions: []
-        };
-        _this.sampleBuilder = function (schema) {
-            var data = {
-                items: [],
-                total: 0
-            };
-            if (Array.isArray(schema === null || schema === void 0 ? void 0 : schema.columns)) {
-                var item_1 = {};
-                schema.columns.forEach(function (control) {
-                    if (control === null || control === void 0 ? void 0 : control.name) {
-                        amisCore.setVariable(item_1, control.name, 'sample');
-                    }
-                });
-                data.items.push(item_1);
-            }
-            return JSON.stringify({
-                status: 0,
-                msg: '',
-                data: data
-            }, null, 2);
-        };
-        _this.btnSchemas = {
-            create: {
-                label: '新增',
-                type: 'button',
-                actionType: 'dialog',
-                level: 'primary',
-                dialog: {
-                    title: '新增',
-                    body: {
-                        type: 'form',
-                        api: 'xxx/create',
-                        body: []
-                    }
-                }
-            },
-            update: {
-                label: '编辑',
-                type: 'button',
-                actionType: 'dialog',
-                level: 'link',
-                dialog: {
-                    title: '编辑',
-                    body: {
-                        type: 'form',
-                        api: 'xxx/update',
-                        body: []
-                    }
-                }
-            },
-            view: {
-                label: '查看',
-                type: 'button',
-                actionType: 'dialog',
-                level: 'link',
-                dialog: {
-                    title: '查看详情',
-                    body: {
-                        type: 'form',
-                        api: 'xxx/update',
-                        body: []
-                    }
-                }
-            },
-            delete: {
-                type: 'button',
-                label: '删除',
-                actionType: 'ajax',
-                level: 'link',
-                className: 'text-danger',
-                confirmText: '确定要删除？',
-                api: 'delete:/xxx/delete'
-            },
-            bulkDelete: {
-                type: 'button',
-                level: 'danger',
-                label: '批量删除',
-                actionType: 'ajax',
-                confirmText: '确定要删除？',
-                api: '/xxx/batch-delete'
-            },
-            bulkUpdate: {
-                type: 'button',
-                label: '批量编辑',
-                actionType: 'dialog',
-                dialog: {
-                    title: '批量编辑',
-                    size: 'md',
-                    body: {
-                        type: 'form',
-                        api: '/xxx/bacth-edit',
-                        body: [
-                            {
-                                label: '字段1',
-                                text: '字段1',
-                                type: 'input-text'
-                            }
-                        ]
-                    }
-                }
-            },
-            // itemDelete: {
-            //   type: 'button',
-            //   level: 'danger',
-            //   label: '删除',
-            //   api: '/xxx/delete-one',
-            //   actionType: 'ajax',
-            //   confirmText: '确定要删除？'
-            // },
-            filter: {
-                title: '查询条件',
-                body: [
-                    {
-                        type: 'input-text',
-                        name: 'keywords',
-                        label: '关键字'
-                    }
-                ]
-            }
-        };
-        _this.scaffoldForm = {
-            title: '增删改查快速开始-CRUD',
-            body: [
-                AMisCodeEditor.getSchemaTpl('api', {
-                    label: '接口地址',
-                    sampleBuilder: function (schema) {
-                        return JSON.stringify({
-                            status: 0,
-                            msg: '',
-                            data: [
-                                { id: 1, name: 'Jack' },
-                                { id: 2, name: 'Rose' }
-                            ]
-                        }, null, 2);
-                    }
-                }),
-                {
-                    type: 'button',
-                    label: '格式校验并自动生成列配置',
-                    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("API\u8FD4\u56DE\u683C\u5F0F\u4E0D\u6B63\u786E\uFF0C\u8BF7\u70B9\u51FB\u63A5\u53E3\u5730\u5740\u53F3\u4FA7\u793A\u4F8B\u7684\u95EE\u53F7\u67E5\u770B\u793A\u4F8B");
-                                    }
-                                    return [2 /*return*/];
-                            }
-                        });
-                    }); }
-                },
-                {
-                    name: 'features',
-                    label: '启用功能',
-                    type: 'checkboxes',
-                    joinValues: false,
-                    extractValue: true,
-                    itemClassName: 'max-w-lg',
-                    options: [
-                        { label: '新增', value: 'create' },
-                        { label: '查询', value: 'filter' },
-                        { label: '批量删除', value: 'bulkDelete' },
-                        { label: '批量修改', value: 'bulkUpdate' },
-                        { label: '操作栏-编辑', value: 'update' },
-                        { label: '操作栏-查看详情', value: 'view' },
-                        { label: '操作栏-删除', value: 'delete' }
-                    ]
-                },
-                {
-                    type: 'group',
-                    body: [
-                        {
-                            columnRatio: 10,
-                            type: 'checkboxes',
-                            label: '启用的查询字段',
-                            name: 'filterEnabledList',
-                            joinValues: false,
-                            source: '${filterSettingSource}'
-                        },
-                        {
-                            columnRatio: 2,
-                            type: 'input-number',
-                            label: '每列显示几个字段',
-                            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: '标题'
-                        },
-                        {
-                            type: 'input-text',
-                            name: 'name',
-                            label: '绑定字段名'
-                        },
-                        {
-                            type: 'select',
-                            name: 'type',
-                            label: '类型',
-                            value: 'text',
-                            options: [
-                                {
-                                    value: 'text',
-                                    label: '纯文本'
-                                },
-                                {
-                                    value: 'tpl',
-                                    label: '模板'
-                                },
-                                {
-                                    value: 'image',
-                                    label: '图片'
-                                },
-                                {
-                                    value: 'date',
-                                    label: '日期'
-                                },
-                                {
-                                    value: 'progress',
-                                    label: '进度'
-                                },
-                                {
-                                    value: 'status',
-                                    label: '状态'
-                                },
-                                {
-                                    value: 'mapping',
-                                    label: '映射'
-                                },
-                                {
-                                    value: 'operation',
-                                    label: '操作栏'
-                                }
-                            ]
-                        }
-                    ]
-                }
-            ],
-            pipeOut: function (value) {
-                var valueSchema = cloneDeep__default["default"](value);
-                // 查看/删除 操作，可选择是否使用接口返回值预填充
-                var features = valueSchema.features;
-                var oper = {
-                    type: 'operation',
-                    label: '操作',
-                    buttons: []
-                };
-                var itemBtns = ['update', 'view', 'delete'];
-                var hasFeatures = get__default["default"](features, 'length');
-                valueSchema.bulkActions = [];
-                /** 统一api格式 */
-                valueSchema.api = amisCore.normalizeApi(valueSchema.api);
-                hasFeatures &&
-                    features.forEach(function (item) {
-                        var _a, _b;
-                        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 = ((_a = valueSchema.api) === null || _a === void 0 ? void 0 : _a.method.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: ((_b = valueSchema.api) === null || _b === void 0 ? void 0 : _b.method.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: '查询条件'
-                                    };
-                                    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
-        };
-        _this.multifactor = true;
-        _this.previewSchema = {
-            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: '操作',
-                    buttons: [
-                        {
-                            icon: 'fa fa-eye',
-                            type: 'button'
-                        },
-                        {
-                            icon: 'fa fa-edit',
-                            type: 'button'
-                        }
-                    ]
-                }
-            ]
-        };
-        _this.panelTitle = '增删改查';
-        _this.panelBodyCreator = function (context) {
-            _this.manager.store;
-            var id = context.id;
-            return AMisCodeEditor.getSchemaTpl('tabs', [
-                {
-                    title: '常规',
-                    body: [
-                        AMisCodeEditor.getSchemaTpl('switch', {
-                            name: 'filter',
-                            label: '启用查询条件',
-                            pipeIn: function (value) { return !!value; },
-                            pipeOut: function (value, originValue) {
-                                if (value) {
-                                    return (_this.oldFilter ||
-                                        AMisCodeEditor.JSONPipeIn({
-                                            title: '查询条件',
-                                            body: [
-                                                {
-                                                    type: 'input-text',
-                                                    name: 'keywords',
-                                                    label: '关键字'
-                                                }
-                                            ]
-                                        }));
-                                }
-                                else {
-                                    _this.oldFilter = originValue;
-                                }
-                                return null;
-                            }
-                        }),
-                        {
-                            type: 'divider'
-                        },
-                        {
-                            label: '批量操作',
-                            name: 'bulkActions',
-                            type: 'combo',
-                            hiddenOn: 'data.pickerMode && data.multiple',
-                            inputClassName: 'ae-BulkActions-control',
-                            multiple: true,
-                            draggable: true,
-                            draggableTip: '',
-                            scaffold: {
-                                label: '按钮',
-                                type: 'button'
-                            },
-                            labelRemark: {
-                                className: 'm-l-xs',
-                                trigger: 'click',
-                                rootClose: true,
-                                content: '通过此可以管理批量操作按钮，只有设置了批量操作按钮才会出现选择框，可在外观中配置批量操作按钮位置。',
-                                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'
-                        },
-                        {
-                            label: '单条操作',
-                            name: 'itemActions',
-                            type: 'combo',
-                            labelRemark: {
-                                className: 'm-l-xs',
-                                trigger: 'click',
-                                rootClose: true,
-                                content: '设置后，当鼠标悬停行数据上，会出现该操作按钮，同时顶部操作栏也会显示该按钮，勾选成员时与批量按钮智能切换。',
-                                placement: 'left'
-                            },
-                            hiddenOn: 'this.mode && this.mode !== "table" || this.pickerMode',
-                            inputClassName: 'ae-BulkActions-control',
-                            multiple: true,
-                            draggable: true,
-                            scaffold: {
-                                label: '按钮',
-                                type: 'button'
-                            },
-                            items: [
-                                {
-                                    type: 'tpl',
-                                    tpl: '<span class="label label-success">${label}</span>',
-                                    columnClassName: 'p-t-xs'
-                                },
-                                {
-                                    type: 'checkbox',
-                                    className: 'text-xs',
-                                    option: '悬停隐藏',
-                                    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'
-                        },
-                        AMisCodeEditor.getSchemaTpl('switch', {
-                            name: 'syncLocation',
-                            label: '同步地址栏',
-                            pipeIn: AMisCodeEditor.defaultValue(true),
-                            labelRemark: {
-                                className: 'm-l-xs',
-                                trigger: 'click',
-                                rootClose: true,
-                                content: '开启后会把查询条件数据和分页信息同步到地址栏中，页面中出现多个时，建议只保留一个同步地址栏，否则会相互影响。',
-                                placement: 'left'
-                            }
-                        }),
-                        {
-                            label: '默认参数',
-                            type: 'input-kv',
-                            name: 'defaultParams',
-                            labelRemark: {
-                                className: 'm-l-xs',
-                                trigger: 'click',
-                                rootClose: true,
-                                content: '可以用来设置默认参数，比如 <code>perPage:20</code>',
-                                placement: 'left'
-                            }
-                        },
-                        {
-                            type: 'divider'
-                        },
-                        AMisCodeEditor.getSchemaTpl('switch', {
-                            name: 'keepItemSelectionOnPageChange',
-                            label: '保留条目选择',
-                            visbileOn: 'this.bulkActions && this.bulkActions.length || this.itemActions && this.itemActions.length',
-                            labelRemark: {
-                                className: 'm-l-xs',
-                                trigger: 'click',
-                                rootClose: true,
-                                content: '默认分页、搜索后，用户选择条目会被清空，开启此选项后会保留用户选择，可以实现跨页面批量操作。',
-                                placement: 'left'
-                            }
-                        }),
-                        {
-                            name: 'labelTpl',
-                            type: 'input-text',
-                            label: '单条描述模板',
-                            visibleOn: 'this.keepItemSelectionOnPageChange',
-                            labelRemark: {
-                                className: 'm-l-xs',
-                                trigger: 'click',
-                                rootClose: true,
-                                content: '开启【保留条目选择】后会把所有已选择条目列出来，此选项可以用来定制条目展示文案。',
-                                placement: 'left'
-                            }
-                        },
-                        {
-                            name: 'primaryField',
-                            label: '指定主键',
-                            type: 'input-text',
-                            pipeIn: AMisCodeEditor.defaultValue('id'),
-                            description: '默认<code>id</code>，用于批量操作获取行级数据'
-                        }
-                    ]
-                },
-                {
-                    title: '接口',
-                    body: [
-                        AMisCodeEditor.getSchemaTpl('api', {
-                            label: '数据拉取接口',
-                            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: '是否初始拉取',
-                            pipeIn: function (value) {
-                                return (typeof value == 'boolean' && value) ||
-                                    (typeof value !== 'boolean' && '');
-                            },
-                            inline: true,
-                            onChange: function () { },
-                            options: [
-                                {
-                                    label: '是',
-                                    value: true
-                                },
-                                {
-                                    label: '否',
-                                    value: false
-                                },
-                                {
-                                    label: '表达式',
-                                    value: ''
-                                }
-                            ]
-                        },
-                        {
-                            name: 'initFetch',
-                            autoComplete: false,
-                            visibleOn: 'typeof this.initFetch !== "boolean"',
-                            type: 'input-text',
-                            placeholder: '用 JS 表达式来决定',
-                            className: 'm-t-n-sm'
-                        },
-                        AMisCodeEditor.getSchemaTpl('switch', {
-                            name: 'loadDataOnce',
-                            label: '一次性拉取',
-                            labelRemark: {
-                                className: 'm-l-xs',
-                                trigger: 'click',
-                                rootClose: true,
-                                content: '开启后，数据只会在初始的时候拉取，后续分页、排序不再请求接口，都由前端直接完成。',
-                                placement: 'left'
-                            }
-                        }),
-                        AMisCodeEditor.getSchemaTpl('switch', {
-                            label: '开启定时刷新',
-                            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: '设置后将自动定时刷新，单位 ms'
-                        },
-                        AMisCodeEditor.getSchemaTpl('switch', {
-                            name: 'silentPolling',
-                            label: '静默刷新',
-                            visibleOn: '!!data.interval',
-                            description: '设置自动定时刷新时是否显示loading'
-                        }),
-                        {
-                            name: 'stopAutoRefreshWhen',
-                            label: '停止定时刷新检测表达式',
-                            type: 'input-text',
-                            visibleOn: '!!data.interval',
-                            description: '定时刷新一旦设置会一直刷新，除非给出表达式，条件满足后则不刷新了。'
-                        },
-                        AMisCodeEditor.getSchemaTpl('switch', {
-                            name: 'stopAutoRefreshWhenModalIsOpen',
-                            label: '当有弹框时关闭自动刷新',
-                            visibleOn: '!!data.interval',
-                            description: '弹框打开关闭自动刷新，关闭弹框又恢复'
-                        }),
-                        {
-                            type: 'divider'
-                        },
-                        AMisCodeEditor.getSchemaTpl('switch', {
-                            name: 'draggable',
-                            label: '是否可拖拽排序'
-                        }),
-                        AMisCodeEditor.getSchemaTpl('api', {
-                            label: '顺序保存接口',
-                            name: 'saveOrderApi',
-                            visibleOn: 'data.draggable'
-                        }),
-                        {
-                            type: 'divider'
-                        },
-                        AMisCodeEditor.getSchemaTpl('api', {
-                            label: '快速保存接口',
-                            name: 'quickSaveApi',
-                            description: '当 column 中设置了快速编辑后将使用此接口批量保存数据。'
-                        }),
-                        {
-                            type: 'divider'
-                        },
-                        AMisCodeEditor.getSchemaTpl('api', {
-                            label: '快速保存单条接口',
-                            name: 'quickSaveItemApi',
-                            description: '当 column 中设置了快速编辑且设置了立即保存，将使用此接口保存数据。'
-                        }),
-                        {
-                            type: 'divider'
-                        },
-                        {
-                            label: '默认消息提示',
-                            type: 'combo',
-                            name: 'messages',
-                            multiLine: true,
-                            description: '覆盖默认消息提示，但如果 api 返回 msg 则会优先使用这个 msg',
-                            items: [
-                                {
-                                    label: '获取成功提示',
-                                    type: 'input-text',
-                                    name: 'fetchSuccess'
-                                },
-                                {
-                                    label: '获取失败提示',
-                                    type: 'input-text',
-                                    name: 'fetchFailed'
-                                },
-                                {
-                                    label: '保存顺序成功提示',
-                                    type: 'input-text',
-                                    name: 'saveOrderSuccess'
-                                },
-                                {
-                                    label: '保存顺序失败提示',
-                                    type: 'input-text',
-                                    name: 'saveOrderFailed'
-                                },
-                                {
-                                    label: '快速保存成功提示',
-                                    type: 'input-text',
-                                    name: 'quickSaveSuccess'
-                                },
-                                {
-                                    label: '快速保存失败提示',
-                                    type: 'input-text',
-                                    name: 'quickSaveFailed'
-                                }
-                            ]
-                        }
-                    ]
-                },
-                {
-                    title: '外观',
-                    body: [
-                        {
-                            label: '内容展示模式',
-                            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: '列信息',
-                                                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: '标题',
-                                                subTitle: '副标题'
-                                            },
-                                            body: [
-                                                {
-                                                    name: 'a',
-                                                    label: 'A'
-                                                },
-                                                {
-                                                    name: 'b',
-                                                    label: 'B'
-                                                }
-                                            ],
-                                            actions: [
-                                                {
-                                                    label: '详情',
-                                                    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: '简单的展示数据：$a $b'
-                                                }
-                                            ],
-                                            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: '表格'
-                                },
-                                {
-                                    value: 'cards',
-                                    label: '卡片'
-                                },
-                                {
-                                    value: 'list',
-                                    label: '列表'
-                                }
-                            ]
-                        },
-                        {
-                            name: 'headerToolbar',
-                            type: 'combo',
-                            draggable: true,
-                            draggableTip: '',
-                            descrition: '非内建内容请在预览区选中后编辑',
-                            label: '顶部工具栏配置',
-                            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 AMisCodeEditor.JSONPipeIn(tslib.__assign({ label: '按钮', type: 'button' }, item));
-                                        }
-                                        else if (item.type === 'tpl') {
-                                            return AMisCodeEditor.JSONPipeIn(tslib.__assign({ type: 'tpl', tpl: '内容' }, item));
-                                        }
-                                        return item;
-                                    });
-                                }
-                                return [];
-                            },
-                            scaffold: {
-                                type: 'tpl',
-                                tpl: '内容'
-                            },
-                            multiple: true,
-                            items: [
-                                {
-                                    type: 'select',
-                                    name: 'type',
-                                    columnClassName: 'w-ssm',
-                                    options: [
-                                        {
-                                            value: 'bulk-actions',
-                                            label: '操作栏'
-                                        },
-                                        {
-                                            value: 'pagination',
-                                            label: '分页'
-                                        },
-                                        {
-                                            value: 'statistics',
-                                            label: '统计数据'
-                                        },
-                                        {
-                                            value: 'switch-per-page',
-                                            label: '切换页码'
-                                        },
-                                        {
-                                            value: 'load-more',
-                                            label: '加载更多'
-                                        },
-                                        {
-                                            value: 'export-csv',
-                                            label: '导出 CSV'
-                                        },
-                                        {
-                                            value: 'export-excel',
-                                            label: '导出 Excel'
-                                        },
-                                        {
-                                            value: 'columns-toggler',
-                                            label: '列选择器',
-                                            visibleOn: '!this.mode || this.mode === "table"'
-                                        },
-                                        {
-                                            value: 'filter-toggler',
-                                            label: '查询条件切换'
-                                        },
-                                        {
-                                            value: 'drag-toggler',
-                                            label: '拖拽切换'
-                                        },
-                                        {
-                                            value: 'check-all',
-                                            label: '全选',
-                                            hiddenOn: '!this.mode || this.mode === "table"'
-                                        },
-                                        {
-                                            value: 'tpl',
-                                            label: '文本'
-                                        },
-                                        {
-                                            value: 'button',
-                                            label: '按钮'
-                                        }
-                                    ]
-                                },
-                                {
-                                    name: 'align',
-                                    placeholder: '对齐方式',
-                                    type: 'select',
-                                    size: 'xs',
-                                    options: [
-                                        {
-                                            label: '左对齐',
-                                            value: 'left'
-                                        },
-                                        {
-                                            label: '右对齐',
-                                            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'
-                                // }
-                            ]
-                        },
-                        {
-                            name: 'footerToolbar',
-                            type: 'combo',
-                            draggable: true,
-                            draggableTip: '',
-                            descrition: '非内建内容请在预览区选中后编辑',
-                            label: '底部工具栏配置',
-                            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 AMisCodeEditor.JSONPipeIn(tslib.__assign({ label: '按钮', type: 'button' }, item));
-                                        }
-                                        else if (item.type === 'tpl') {
-                                            return AMisCodeEditor.JSONPipeIn(tslib.__assign({ type: 'tpl', tpl: '内容' }, item));
-                                        }
-                                        return item;
-                                    });
-                                }
-                                return [];
-                            },
-                            scaffold: {
-                                type: 'tpl',
-                                tpl: '内容'
-                            },
-                            multiple: true,
-                            items: [
-                                {
-                                    type: 'select',
-                                    name: 'type',
-                                    columnClassName: 'w-ssm',
-                                    options: [
-                                        {
-                                            value: 'bulk-actions',
-                                            label: '操作栏'
-                                        },
-                                        {
-                                            value: 'pagination',
-                                            label: '分页'
-                                        },
-                                        {
-                                            value: 'statistics',
-                                            label: '统计数据'
-                                        },
-                                        {
-                                            value: 'switch-per-page',
-                                            label: '切换页码'
-                                        },
-                                        {
-                                            value: 'load-more',
-                                            label: '加载更多'
-                                        },
-                                        {
-                                            value: 'export-csv',
-                                            label: '导出 CSV'
-                                        },
-                                        {
-                                            value: 'export-excel',
-                                            label: '导出 Excel'
-                                        },
-                                        {
-                                            value: 'columns-toggler',
-                                            label: '列选择器',
-                                            hiddenOn: '["grid", "cards", "list"].indexOf(this.mode)'
-                                        },
-                                        {
-                                            value: 'filter-toggler',
-                                            label: '查询条件切换'
-                                        },
-                                        {
-                                            value: 'drag-toggler',
-                                            label: '拖拽切换'
-                                        },
-                                        {
-                                            value: 'check-all',
-                                            label: '全选',
-                                            hiddenOn: '!this.mode || this.mode === "table"'
-                                        },
-                                        {
-                                            value: 'tpl',
-                                            label: '文本'
-                                        },
-                                        {
-                                            value: 'button',
-                                            label: '按钮'
-                                        }
-                                    ]
-                                },
-                                {
-                                    name: 'align',
-                                    placeholder: '对齐方式',
-                                    size: 'xs',
-                                    type: 'select',
-                                    options: [
-                                        {
-                                            label: '左对齐',
-                                            value: 'left'
-                                        },
-                                        {
-                                            label: '右对齐',
-                                            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", "export-csv", "export-excel"].indexOf(this.type)',
-                                    columnClassName: 'no-grow w-3x p-t-xs',
-                                    className: 'm-l-none'
-                                }
-                            ]
-                        },
-                        AMisCodeEditor.getSchemaTpl('switch', {
-                            name: 'filterTogglable',
-                            label: '是否可显隐查询条件',
-                            visibleOn: 'data.filter'
-                        }),
-                        AMisCodeEditor.getSchemaTpl('switch', {
-                            name: 'filterDefaultVisible',
-                            label: '查询条件默认是否可见',
-                            visibleOn: 'data.filter && data.filterTogglable',
-                            pipeIn: AMisCodeEditor.defaultValue(true)
-                        }),
-                        AMisCodeEditor.getSchemaTpl('switch', {
-                            name: 'hideQuickSaveBtn',
-                            label: '隐藏顶部快速保存提示'
-                        }),
-                        AMisCodeEditor.getSchemaTpl('switch', {
-                            name: 'alwaysShowPagination',
-                            label: '是否总是显示分页'
-                        }),
-                        AMisCodeEditor.getSchemaTpl('switch', {
-                            name: 'hideCheckToggler',
-                            label: '隐藏选择按钮',
-                            visibleOn: 'data.checkOnItemClick'
-                        }),
-                        AMisCodeEditor.getSchemaTpl('className'),
-                        AMisCodeEditor.getSchemaTpl('className', {
-                            name: 'bodyClassName',
-                            label: '内容 CSS 类名'
-                        })
-                    ]
-                },
-                {
-                    title: '其他',
-                    body: [
-                        AMisCodeEditor.getSchemaTpl('ref'),
-                        {
-                            name: 'source',
-                            label: '数据源',
-                            type: 'input-text',
-                            description: '不填写，默认读取接口返回的 items 或者 rows 属性，如果是别的，请在此设置，如： <code>\\${xxxx}</code>'
-                        },
-                        {
-                            name: 'perPage',
-                            label: '每页数量',
-                            type: 'input-number'
-                        },
-                        AMisCodeEditor.getSchemaTpl('switch', {
-                            name: 'keepItemSelectionOnPageChange',
-                            label: '翻页时保留选择'
-                        }),
-                        {
-                            name: 'maxKeepItemSelectionLength',
-                            label: '最大选择数量',
-                            type: 'input-number',
-                            mode: 'inline',
-                            className: 'block'
-                        },
-                        {
-                            name: 'pageField',
-                            label: '页码字段名',
-                            type: 'input-text',
-                            pipeIn: AMisCodeEditor.defaultValue('page')
-                        },
-                        {
-                            name: 'perPageField',
-                            label: '分页步长字段名',
-                            type: 'input-text',
-                            pipeIn: AMisCodeEditor.defaultValue('perPage')
-                        },
-                        {
-                            name: 'orderField',
-                            label: '排序权重字段',
-                            type: 'input-text',
-                            labelRemark: {
-                                className: 'm-l-xs',
-                                trigger: 'click',
-                                rootClose: true,
-                                content: '设置用来确定位置的字段名，设置后新的顺序将被赋值到该字段中。',
-                                placement: 'left'
-                            }
-                        },
-                        {
-                            name: 'perPageAvailable',
-                            label: '切换每页数',
-                            type: 'input-array',
-                            hiddenOn: 'data.loadDataOnce',
-                            items: {
-                                type: 'input-number',
-                                required: true
-                            },
-                            value: [10]
-                        },
-                        AMisCodeEditor.getSchemaTpl('name'),
-                        {
-                            name: 'itemCheckableOn',
-                            type: 'input-text',
-                            label: '配置单条可选中的表达式',
-                            description: '请使用 js 表达式，不设置的话每条都可选中。',
-                            visibleOn: 'data.bulkActions && data.bulkActions.length || data.pickerMode'
-                        },
-                        AMisCodeEditor.getSchemaTpl('switch', {
-                            name: 'checkOnItemClick',
-                            label: '开启单条点击整个区域选中',
-                            visibleOn: 'data.bulkActions && data.bulkActions.length || data.pickerMode'
-                        }),
-                        AMisCodeEditor.getSchemaTpl('switch', {
-                            name: 'autoJumpToTopOnPagerChange',
-                            label: '自动跳顶部',
-                            description: '当切分页的时候，是否自动跳顶部'
-                        }),
-                        AMisCodeEditor.getSchemaTpl('switch', {
-                            name: 'syncResponse2Query',
-                            label: '同步查询条件',
-                            description: '查询后将返回的数据同步到查询条件上'
-                        })
-                    ]
-                }
-            ]);
-        };
-        _this.wrapperProps = {
-            affixHeader: false
-        };
-        return _this;
-    }
-    CRUDPlugin.prototype.addItem = function (source, target) {
-        var canAdd = source.find(function (item) { return item.label === target.label; });
-        if (!canAdd) {
-            source.push(target);
-        }
+
+var CRUDPlugin =
+/** @class */
+function (_super) {
+  tslib.__extends(CRUDPlugin, _super);
+
+  function CRUDPlugin() {
+    var _this = _super !== null && _super.apply(this, arguments) || this; // 关联渲染器名字
+
+
+    _this.rendererName = 'crud';
+    _this.$schema = '/schemas/CRUDSchema.json';
+    _this.order = -1000; // 组件名称
+
+    _this.name = i18nRuntime.i18n("d7213304d1a8a02a73a2f4010839e061");
+    _this.isBaseComponent = true;
+    _this.description = i18nRuntime.i18n("7a9f1ec32752de8b69ef21138970f64d");
+    _this.docLink = '/amis/zh-CN/components/crud';
+    _this.tags = [i18nRuntime.i18n("997c7a5d34f6fc628893f509d0df32e0")];
+    _this.icon = 'fa fa-table';
+    _this.pluginIcon = 'table-plugin';
+    _this.scaffold = {
+      type: 'crud',
+      syncLocation: false,
+      api: '',
+      columns: [{
+        name: 'id',
+        label: 'ID',
+        type: 'text'
+      }, {
+        name: 'engine',
+        label: i18nRuntime.i18n("48c68eb5a42e2b3e679c53b00f6e203f"),
+        type: 'text'
+      }],
+      bulkActions: [],
+      itemActions: []
     };
-    CRUDPlugin.prototype.handleBulkActionEdit = 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);
+    _this.actions = [{
+      actionType: 'reload',
+      actionLabel: i18nRuntime.i18n("64ca9bab920a2983bcf270320d850d00"),
+      description: i18nRuntime.i18n("9ef5597ac0b4da662bcd967da37eceb4")
+    }];
+    _this.btnSchemas = {
+      create: {
+        label: i18nRuntime.i18n("66ab5e9f24c8f46012a25c89919fb191"),
+        type: 'button',
+        actionType: 'dialog',
+        level: 'primary',
+        dialog: {
+          title: i18nRuntime.i18n("66ab5e9f24c8f46012a25c89919fb191"),
+          body: {
+            type: 'form',
+            api: 'xxx/create',
+            body: []
+          }
         }
-    };
-    CRUDPlugin.prototype.handleItemActionEdit = 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);
+      },
+      update: {
+        label: i18nRuntime.i18n("95b351c86267f3aedf89520959bce689"),
+        type: 'button',
+        actionType: 'dialog',
+        level: 'link',
+        dialog: {
+          title: i18nRuntime.i18n("95b351c86267f3aedf89520959bce689"),
+          body: {
+            type: 'form',
+            api: 'xxx/update',
+            body: []
+          }
         }
-    };
-    /**
-     * 默认什么组件都加入的子组件里面，子类里面可以复写这个改变行为。
-     * @param context
-     * @param renderers
-     */
-    CRUDPlugin.prototype.buildSubRenderers = function (context, renderers) {
-        var plugin = this;
-        if (plugin.name && plugin.description) {
-            return {
-                name: plugin.name,
-                icon: plugin.icon,
-                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
-            };
+      },
+      view: {
+        label: i18nRuntime.i18n("607e7a4f377fa66b0b28ce318aab841f"),
+        type: 'button',
+        actionType: 'dialog',
+        level: 'link',
+        dialog: {
+          title: i18nRuntime.i18n("5b48dbb8dc710cffe6313bb56a7f6d47"),
+          body: {
+            type: 'form',
+            api: 'xxx/update',
+            body: []
+          }
         }
-    };
-    CRUDPlugin.prototype.getRendererInfo = function (context) {
-        var info = _super.prototype.getRendererInfo.call(this, context);
-        if (info) {
-            info.scaffoldForm = this.scaffoldForm;
+      },
+      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'
+            }]
+          }
         }
-        return info;
+      },
+      // 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")
+        }]
+      }
     };
-    CRUDPlugin.prototype.renderEditableComponents = 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
-                    });
-                }))));
+    _this.scaffoldForm = {
+      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);
         }
-        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
+      }), {
+        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
+                      });
                     });
-                }))));
-        }
-        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));
-    };
-    CRUDPlugin.prototype.renderRenderer = 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))));
-    };
-    CRUDPlugin.prototype.filterProps = function (props) {
-        if (props.pickerMode) {
-            props.options = props.data.options;
+                    props.formStore.setValues({
+                      columns: autoFillKeyValues
+                    }); // 查询条件的字段列表
+
+                    props.formStore.setValues({
+                      filterSettingSource: autoFillKeyValues.map(function (column) {
+                        return column.name;
+                      })
+                    });
+                  } else {
+                    amis.toast.warning("API\u8FD4\u56DE\u683C\u5F0F\u4E0D\u6B63\u786E\uFF0C\u8BF7\u70B9\u51FB\u63A5\u53E3\u5730\u5740\u53F3\u4FA7\u793A\u4F8B\u7684\u95EE\u53F7\u67E5\u770B\u793A\u4F8B");
+                  }
+
+                  return [2
+                  /*return*/
+                  ];
+              }
+            });
+          });
         }
-        return props;
+      }, {
+        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
     };
-    CRUDPlugin.prototype.afterUpdate = 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);
-        }
+    _this.multifactor = true;
+    _this.previewSchema = {
+      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'
+        }]
+      }]
     };
-    CRUDPlugin.prototype.buildDataSchemas = 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*/];
+    _this.panelTitle = i18nRuntime.i18n("d7213304d1a8a02a73a2f4010839e061");
+
+    _this.panelBodyCreator = 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'
+        }, {
+          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'
+        }, {
+          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'
+          }
+        }), {
+          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")
+          }]
+        }, {
+          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 [2 /*return*/, child.info.plugin.buildDataSchemas(child)];
+
+                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'
+          // }
+          ]
+        }, {
+          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")
+        })]
+      }]);
     };
-    return CRUDPlugin;
-}(AMisCodeEditor.BasePlugin));
-AMisCodeEditor.registerEditorPlugin(CRUDPlugin);
+
+    _this.wrapperProps = {
+      affixHeader: false
+    };
+    return _this;
+  }
+
+  CRUDPlugin.prototype.addItem = function (source, target) {
+    var canAdd = source.find(function (item) {
+      return item.label === target.label;
+    });
+
+    if (!canAdd) {
+      source.push(target);
+    }
+  };
+
+  CRUDPlugin.prototype.handleBulkActionEdit = 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);
+    }
+  };
+
+  CRUDPlugin.prototype.handleItemActionEdit = 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
+   */
+
+
+  CRUDPlugin.prototype.buildSubRenderers = 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
+      };
+    }
+  };
+
+  CRUDPlugin.prototype.getRendererInfo = function (context) {
+    var info = _super.prototype.getRendererInfo.call(this, context);
+
+    if (info) {
+      info.scaffoldForm = this.scaffoldForm;
+    }
+
+    return info;
+  };
+
+  CRUDPlugin.prototype.renderEditableComponents = 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);
+  };
+
+  CRUDPlugin.prototype.renderRenderer = 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)));
+  };
+
+  CRUDPlugin.prototype.filterProps = function (props) {
+    if (props.pickerMode) {
+      props.options = props.data.options;
+    }
+
+    return props;
+  };
+
+  CRUDPlugin.prototype.afterUpdate = 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);
+    }
+  };
+
+  CRUDPlugin.prototype.buildDataSchemas = 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;