amis-editor 4.1.0-beta.4 → 5.2.0-beta.1

package/lib/plugin/CRUD.js

@@ -0,0 +1,1528 @@
+/**
+ * amis-editor v5.2.0-beta.1
+ * Copyright 2018-2022 @fex
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var amis = require('amis');
+var get = require('lodash/get');
+var cloneDeep = require('lodash/cloneDeep');
+var React = require('react');
+var AMisCodeEditor = require('amis-editor-core');
+var amisCore = require('amis-core');
+var mobxStateTree = require('mobx-state-tree');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var get__default = /*#__PURE__*/_interopDefaultLegacy(get);
+var cloneDeep__default = /*#__PURE__*/_interopDefaultLegacy(cloneDeep);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+// 将展现控件转成编辑控件
+var viewTypeToEditType = function (type) {
+    return type === 'tpl'
+        ? 'input-text'
+        : type === 'status' || type === 'mapping'
+            ? 'select'
+            : "input-".concat(type);
+};
+var CRUDPlugin = /** @class */ (function (_super) {
+    tslib.__extends(CRUDPlugin, _super);
+    function CRUDPlugin() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        // 关联渲染器名字
+        _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);
+        }
+    };
+    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,
+                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;
+}(AMisCodeEditor.BasePlugin));
+AMisCodeEditor.registerEditorPlugin(CRUDPlugin);
+
+exports.CRUDPlugin = CRUDPlugin;