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

package/lib/plugin/Table.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.0-beta.1
+ * amis-editor v5.2.0-beta.2
  * Copyright 2018-2022 @fex
  */
 
@@ -10,585 +10,567 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var amis = require('amis');
 var amisCore = require('amis-core');
-var AMisCodeEditor = require('amis-editor-core');
-var schema = require('../event-action/schema.js');
-var util = require('../util.js');
-
-var TablePlugin = /** @class */ (function (_super) {
-    tslib.__extends(TablePlugin, _super);
-    function TablePlugin() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        // 关联渲染器名字
-        _this.rendererName = 'table';
-        _this.$schema = '/schemas/TableSchema.json';
-        // 组件名称
-        _this.name = '表格';
-        _this.isBaseComponent = true;
-        _this.description = '用来展示表格数据，可以配置列信息，然后关联数据便能完成展示。支持嵌套、超级表头、列固定、表头固顶、合并单元格等等。当前组件需要配置数据源，不自带数据拉取，请优先使用 「CRUD」 组件。';
-        _this.docLink = '/amis/zh-CN/components/table';
-        _this.icon = 'fa fa-table';
-        _this.scaffold = {
-            type: 'table',
-            columns: [
-                {
-                    label: '列信息',
-                    name: 'a'
-                }
-            ]
-        };
-        _this.regions = [
-            {
-                key: 'columns',
-                label: '列集合',
-                renderMethod: 'renderTableContent',
-                preferTag: '展示',
-                dndMode: 'position-h'
-            }
-        ];
-        //renderTableContent
-        _this.previewSchema = {
-            type: 'table',
-            className: 'text-left m-b-none',
-            affixHeader: false,
-            items: [
-                { a: 1, b: 2 },
-                { a: 3, b: 4 },
-                { a: 5, b: 6 }
-            ],
-            columns: [
-                {
-                    label: 'A',
-                    name: 'a'
-                },
-                {
-                    label: 'B',
-                    name: 'b'
-                }
-            ]
-        };
-        _this.scaffoldForm = {
-            title: '快速构建表格',
-            body: [
-                {
-                    name: 'columns',
-                    type: 'combo',
-                    multiple: true,
-                    label: false,
-                    addButtonText: '新增一列',
-                    draggable: true,
-                    items: [
-                        {
-                            type: 'input-text',
-                            name: 'label',
-                            placeholder: '标题'
-                        },
-                        {
-                            type: 'input-text',
-                            name: 'name',
-                            placeholder: '绑定字段名'
-                        },
-                        {
-                            type: 'select',
-                            name: 'type',
-                            placeholder: '类型',
-                            value: 'text',
-                            options: [
-                                {
-                                    value: 'text',
-                                    label: '纯文本'
-                                },
-                                {
-                                    value: 'tpl',
-                                    label: '模板'
-                                },
-                                {
-                                    value: 'image',
-                                    label: '图片'
-                                },
-                                {
-                                    value: 'date',
-                                    label: '日期'
-                                },
-                                // {
-                                //     value: 'datetime',
-                                //     label: '日期时间'
-                                // },
-                                // {
-                                //     value: 'time',
-                                //     label: '时间'
-                                // },
-                                {
-                                    value: 'progress',
-                                    label: '进度'
-                                },
-                                {
-                                    value: 'status',
-                                    label: '状态'
-                                },
-                                {
-                                    value: 'mapping',
-                                    label: '映射'
-                                },
-                                {
-                                    value: 'operation',
-                                    label: '操作栏'
-                                }
-                            ]
-                        }
-                    ]
-                }
-            ],
-            canRebuild: true
-        };
-        _this.panelTitle = '表格';
-        _this.events = [
-            {
-                eventName: 'selectedChange',
-                eventLabel: '选择表格项',
-                description: '手动选择表格项事件',
-                dataSchema: [
-                    {
-                        type: 'object',
-                        properties: {
-                            'event.data.selectedItems': {
-                                type: 'array',
-                                title: '已选择行'
-                            },
-                            'event.data.unSelectedItems': {
-                                type: 'array',
-                                title: '未选择行'
-                            }
-                        }
-                    }
-                ]
-            },
-            {
-                eventName: 'columnSort',
-                eventLabel: '列排序',
-                description: '点击列排序事件',
-                dataSchema: [
-                    {
-                        type: 'object',
-                        properties: {
-                            'event.data.orderBy': {
-                                type: 'string',
-                                title: '列排序列名'
-                            },
-                            'event.data.orderDir': {
-                                type: 'string',
-                                title: '列排序值'
-                            }
-                        }
-                    }
-                ]
-            },
-            {
-                eventName: 'columnFilter',
-                eventLabel: '列筛选',
-                description: '点击列筛选事件',
-                dataSchema: [
-                    {
-                        type: 'object',
-                        properties: {
-                            'event.data.filterName': {
-                                type: 'string',
-                                title: '列筛选列名'
-                            },
-                            'event.data.filterValue': {
-                                type: 'string',
-                                title: '列筛选值'
-                            }
-                        }
-                    }
-                ]
-            },
-            {
-                eventName: 'columnSearch',
-                eventLabel: '列搜索',
-                description: '点击列搜索事件',
-                dataSchema: [
-                    {
-                        type: 'object',
-                        properties: {
-                            'event.data.searchName': {
-                                type: 'string',
-                                title: '列搜索列名'
-                            },
-                            'event.data.searchValue': {
-                                type: 'object',
-                                title: '列搜索数据'
-                            }
-                        }
-                    }
-                ]
-            },
-            {
-                eventName: 'orderChange',
-                eventLabel: '行排序',
-                description: '手动拖拽行排序事件',
-                dataSchema: [
-                    {
-                        type: 'object',
-                        properties: {
-                            'event.data.movedItems': {
-                                type: 'array',
-                                title: '已排序数据'
-                            }
-                        }
-                    }
-                ]
-            },
-            {
-                eventName: 'columnToggled',
-                eventLabel: '列显示变化',
-                description: '点击自定义列事件',
-                dataSchema: [
-                    {
-                        type: 'object',
-                        properties: {
-                            'event.data.columns': {
-                                type: 'array',
-                                title: '当前显示的列配置数据'
-                            }
-                        }
-                    }
-                ]
-            },
-            {
-                eventName: 'rowClick',
-                eventLabel: '行单击',
-                description: '点击整行事件',
-                dataSchema: [
-                    {
-                        type: 'object',
-                        properties: {
-                            'event.data.rowItem': {
-                                type: 'object',
-                                title: '行点击数据'
-                            }
-                        }
-                    }
-                ]
-            }
-        ];
-        _this.actions = [
-            {
-                actionType: 'select',
-                actionLabel: '设置选中项',
-                description: '设置表格的选中项',
-                config: ['selected'],
-                schema: schema.getComboWrapper([
-                    {
-                        type: 'input-formula',
-                        variables: '${variables}',
-                        evalMode: false,
-                        variableMode: 'tabs',
-                        label: '选中项',
-                        size: 'lg',
-                        name: 'selected',
-                        mode: 'horizontal'
-                    }
-                ])
-            },
-            {
-                actionType: 'selectAll',
-                actionLabel: '设置全部选中',
-                description: '设置表格全部项选中'
-            },
-            {
-                actionType: 'clearAll',
-                actionLabel: '清空选中项',
-                description: '清空表格所有选中项'
-            },
-            {
-                actionType: 'initDrag',
-                actionLabel: '开启排序',
-                description: '开启表格拖拽排序功能'
-            }
-        ];
-        _this.panelBodyCreator = function (context) {
-            var isCRUDBody = context.schema.type === 'crud';
-            return AMisCodeEditor.getSchemaTpl('tabs', [
-                {
-                    title: '常规',
-                    body: [
-                        {
-                            name: 'title',
-                            type: 'input-text',
-                            label: '标题'
-                        },
-                        isCRUDBody
-                            ? null
-                            : {
-                                name: 'source',
-                                type: 'input-text',
-                                label: '数据源',
-                                pipeIn: AMisCodeEditor.defaultValue('${items}'),
-                                description: '绑定当前环境变量'
-                            },
-                        {
-                            name: 'combineNum',
-                            label: '自动合并单元格',
-                            type: 'input-number',
-                            placeholder: '设置列数',
-                            description: '设置从左到右多少列内启用自动合并单元格，根据字段值是否相同来决定是否合并。'
-                        }
-                        // {
-                        //   children: (
-                        //     <div>
-                        //       <Button
-                        //         level="info"
-                        //         size="sm"
-                        //         className="m-b-sm"
-                        //         block
-                        //         onClick={this.handleAdd}
-                        //       >
-                        //         新增一列
-                        //       </Button>
-                        //     </div>
-                        //   )
-                        // },
-                        // {
-                        //   children: (
-                        //     <div>
-                        //       <Button
-                        //         level="success"
-                        //         size="sm"
-                        //         block
-                        //         onClick={this.handleColumnsQuickEdit.bind(this)}
-                        //       >
-                        //         快速编辑列信息
-                        //       </Button>
-                        //     </div>
-                        //   )
-                        // }
-                    ]
-                },
-                {
-                    title: '外观',
-                    body: [
-                        {
-                            name: 'columnsTogglable',
-                            label: '展示列显示开关',
-                            type: 'button-group-select',
-                            pipeIn: AMisCodeEditor.defaultValue('auto'),
-                            mode: 'inline',
-                            className: 'w-full',
-                            size: 'xs',
-                            options: [
-                                {
-                                    label: '自动',
-                                    value: 'auto'
-                                },
-                                {
-                                    label: '开启',
-                                    value: true
-                                },
-                                {
-                                    label: '关闭',
-                                    value: false
-                                }
-                            ],
-                            description: '自动即列数量大于5个时自动开启'
-                        },
-                        AMisCodeEditor.getSchemaTpl('switch', {
-                            name: 'affixHeader',
-                            label: '是否固顶表头',
-                            pipeIn: AMisCodeEditor.defaultValue(true)
-                        }),
-                        AMisCodeEditor.getSchemaTpl('switch', {
-                            name: 'showHeader',
-                            label: '是否显示头部',
-                            pipeIn: AMisCodeEditor.defaultValue(true)
-                        }),
-                        AMisCodeEditor.getSchemaTpl('switch', {
-                            name: 'showFooter',
-                            label: '是否显示底部',
-                            pipeIn: AMisCodeEditor.defaultValue(true)
-                        }),
-                        AMisCodeEditor.getSchemaTpl('switch', {
-                            name: 'footable',
-                            label: '是否开启单条底部展示',
-                            description: '如果列太多显示会很臃肿，可以考虑把部分列放在当前行的底部展示',
-                            pipeIn: function (value) { return !!value; }
-                        }),
-                        {
-                            name: 'footable.expand',
-                            type: 'button-group-select',
-                            size: 'xs',
-                            visibleOn: 'data.footable',
-                            label: '底部默认展开',
-                            pipeIn: AMisCodeEditor.defaultValue('none'),
-                            mode: 'inline',
-                            className: 'w-full',
-                            options: [
-                                {
-                                    label: '第一条',
-                                    value: 'first'
-                                },
-                                {
-                                    label: '所有',
-                                    value: 'all'
-                                },
-                                {
-                                    label: '不展开',
-                                    value: 'none'
-                                }
-                            ]
-                        },
-                        {
-                            name: 'placeholder',
-                            pipeIn: AMisCodeEditor.defaultValue('暂无数据'),
-                            type: 'input-text',
-                            label: '无数据提示'
-                        },
-                        {
-                            name: 'rowClassNameExpr',
-                            type: 'input-text',
-                            label: '行高亮规则',
-                            placeholder: "\u652F\u6301\u6A21\u677F\u8BED\u6CD5\uFF0C\u5982 <%= data.id % 2 ? 'bg-success' : '' %>"
-                        },
-                        AMisCodeEditor.getSchemaTpl('className', {
-                            label: '外层 CSS 类名'
-                        }),
-                        AMisCodeEditor.getSchemaTpl('className', {
-                            name: 'tableClassName',
-                            label: '表格 CSS 类名'
-                        }),
-                        AMisCodeEditor.getSchemaTpl('className', {
-                            name: 'headerClassName',
-                            label: '顶部外层 CSS 类名'
-                        }),
-                        AMisCodeEditor.getSchemaTpl('className', {
-                            name: 'footerClassName',
-                            label: '底部外层 CSS 类名'
-                        }),
-                        AMisCodeEditor.getSchemaTpl('className', {
-                            name: 'toolbarClassName',
-                            label: '工具栏 CSS 类名'
-                        })
-                    ]
-                },
-                {
-                    title: '显隐',
-                    body: [AMisCodeEditor.getSchemaTpl('ref'), AMisCodeEditor.getSchemaTpl('visible')]
-                },
-                {
-                    title: '事件',
-                    className: 'p-none',
-                    body: [
-                        AMisCodeEditor.getSchemaTpl('eventControl', tslib.__assign({ name: 'onEvent' }, util.getEventControlConfig(_this.manager, context)))
-                    ]
-                }
-            ]);
-        };
-        return _this;
-    }
-    TablePlugin.prototype.filterProps = function (props) {
-        var arr = Array.isArray(props.value)
-            ? props.value
-            : typeof props.source === 'string'
-                ? amis.resolveVariable(props.source, props.data)
-                : amis.resolveVariable('items', props.data);
-        if (!Array.isArray(arr) || !arr.length) {
-            var mockedData_1 = {};
-            if (Array.isArray(props.columns)) {
-                props.columns.forEach(function (column) {
-                    if (column.name) {
-                        amisCore.setVariable(mockedData_1, column.name, AMisCodeEditor.mockValue(column));
-                    }
-                });
-            }
-            props.value = AMisCodeEditor.repeatArray(mockedData_1, 1).map(function (item, index) { return (tslib.__assign(tslib.__assign({}, item), { id: index + 1 })); });
+var amisEditorCore = require('amis-editor-core');
+var helper = require('../renderer/event-control/helper.js');
+var i18nRuntime = require('i18n-runtime');
+
+var TablePlugin =
+/** @class */
+function (_super) {
+  tslib.__extends(TablePlugin, _super);
+
+  function TablePlugin() {
+    var _this = _super !== null && _super.apply(this, arguments) || this; // 关联渲染器名字
+
+
+    _this.rendererName = 'table';
+    _this.$schema = '/schemas/TableSchema.json'; // 组件名称
+
+    _this.name = i18nRuntime.i18n("b339aa87104709397ba68e7ebbc6e5ba");
+    _this.tags = [i18nRuntime.i18n("027446c2f9070b0f5b16a18208bf5fc7")];
+    _this.isBaseComponent = true;
+    _this.description = i18nRuntime.i18n("ea2b32f5d78d2305b9b7bc21e056a009");
+    _this.docLink = '/amis/zh-CN/components/table';
+    _this.icon = 'fa fa-table';
+    _this.pluginIcon = 'table-plugin';
+    _this.scaffold = {
+      type: 'table',
+      columns: [{
+        label: i18nRuntime.i18n("20aadc3f9b7edb564dc58898898e0dc8"),
+        name: 'a'
+      }]
+    };
+    _this.regions = [{
+      key: 'columns',
+      label: i18nRuntime.i18n("1f9794dd5634220ed0a498c666cf46fe"),
+      renderMethod: 'renderTableContent',
+      preferTag: i18nRuntime.i18n("027446c2f9070b0f5b16a18208bf5fc7"),
+      dndMode: 'position-h'
+    }]; //renderTableContent
+
+    _this.previewSchema = {
+      type: 'table',
+      className: 'text-left m-b-none',
+      affixHeader: false,
+      items: [{
+        a: 1,
+        b: 2
+      }, {
+        a: 3,
+        b: 4
+      }, {
+        a: 5,
+        b: 6
+      }],
+      columns: [{
+        label: 'A',
+        name: 'a'
+      }, {
+        label: 'B',
+        name: 'b'
+      }]
+    };
+    _this.scaffoldForm = {
+      title: i18nRuntime.i18n("6b93fcfc1a5795189c6072fa6e86d4f6"),
+      body: [{
+        name: 'columns',
+        type: 'combo',
+        multiple: true,
+        label: false,
+        addButtonText: i18nRuntime.i18n("0c14e431f1b5ecd163f8fa010a0654c7"),
+        draggable: true,
+        items: [{
+          type: 'input-text',
+          name: 'label',
+          placeholder: i18nRuntime.i18n("32c65d8d7431e76029678ec7bb73a5ab")
+        }, {
+          type: 'input-text',
+          name: 'name',
+          placeholder: i18nRuntime.i18n("41a344642681efaaa418c228ba7fb45c")
+        }, {
+          type: 'select',
+          name: 'type',
+          placeholder: 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: 'datetime',
+          //     label: '日期时间'
+          // },
+          // {
+          //     value: 'time',
+          //     label: '时间'
+          // },
+          {
+            value: 'progress',
+            label: i18nRuntime.i18n("c7bff79d059a0b7ff9b02441959d8be2")
+          }, {
+            value: 'status',
+            label: i18nRuntime.i18n("3fea7ca76cdece641436d7ab0d02ab1b")
+          }, {
+            value: 'mapping',
+            label: i18nRuntime.i18n("9da188491dd34c4382a5b9f006194e41")
+          }, {
+            value: 'operation',
+            label: i18nRuntime.i18n("8abc564260a1564521e0c3a1d5419b4a")
+          }]
+        }]
+      }],
+      canRebuild: true
+    };
+    _this.panelTitle = i18nRuntime.i18n("b339aa87104709397ba68e7ebbc6e5ba");
+    _this.events = [{
+      eventName: 'selectedChange',
+      eventLabel: i18nRuntime.i18n("257f5a3886d87d2255206f86b880d07e"),
+      description: i18nRuntime.i18n("6130b1f75d624b2f73f5d923492e92f7"),
+      dataSchema: [{
+        type: 'object',
+        properties: {
+          'event.data.selectedItems': {
+            type: 'array',
+            title: i18nRuntime.i18n("aeddca0456d8fe520dc95545a83458e9")
+          },
+          'event.data.unSelectedItems': {
+            type: 'array',
+            title: i18nRuntime.i18n("4f907cb94921bb62a8399adec922bb60")
+          }
         }
-        else {
-            // 只取10条预览，否则太多卡顿
-            props.value = arr.slice(0, 10);
+      }]
+    }, {
+      eventName: 'columnSort',
+      eventLabel: i18nRuntime.i18n("f3d21138c8ecf5683503c4f814cc7199"),
+      description: i18nRuntime.i18n("d84464cfb2a5828a200fe9c28a323122"),
+      dataSchema: [{
+        type: 'object',
+        properties: {
+          'event.data.orderBy': {
+            type: 'string',
+            title: i18nRuntime.i18n("652f155e644e82ebb0a1aed97ab6ab23")
+          },
+          'event.data.orderDir': {
+            type: 'string',
+            title: i18nRuntime.i18n("460e3a697d1680445a47139c0816fbe6")
+          }
         }
-        return props;
-    };
-    // 为了能够自动注入数据。
-    TablePlugin.prototype.getRendererInfo = function (context) {
-        var _a;
-        var plugin = this;
-        var schema = context.schema, renderer = context.renderer;
-        if (!schema.$$id &&
-            ((_a = schema.$$editor) === null || _a === void 0 ? void 0 : _a.renderer.name) === 'crud' &&
-            renderer.name === 'table') {
-            return tslib.__assign(tslib.__assign({}, { id: schema.$$editor.id }), { name: plugin.name, regions: plugin.regions, patchContainers: plugin.patchContainers, vRendererConfig: plugin.vRendererConfig, wrapperProps: plugin.wrapperProps, wrapperResolve: plugin.wrapperResolve, filterProps: plugin.filterProps, $schema: plugin.$schema, renderRenderer: plugin.renderRenderer });
+      }]
+    }, {
+      eventName: 'columnFilter',
+      eventLabel: i18nRuntime.i18n("3d0b957a99d0c366612c01913e17a0c7"),
+      description: i18nRuntime.i18n("b35963687361af98e6acdc004e87fc3c"),
+      dataSchema: [{
+        type: 'object',
+        properties: {
+          'event.data.filterName': {
+            type: 'string',
+            title: i18nRuntime.i18n("ad11fba3ac676233f3105e76e7de0501")
+          },
+          'event.data.filterValue': {
+            type: 'string',
+            title: i18nRuntime.i18n("8e4b9c88c51aaad1a28a28e8b536697f")
+          }
         }
-        return _super.prototype.getRendererInfo.call(this, context);
-    };
-    // 自动插入 label
-    TablePlugin.prototype.beforeInsert = function (event) {
-        var _a, _b, _c, _d;
-        var context = event.context;
-        if ((context.info.plugin === this ||
-            ((_a = context.node.sameIdChild) === null || _a === void 0 ? void 0 : _a.info.plugin) === this) &&
-            context.region === 'columns') {
-            context.data = tslib.__assign(tslib.__assign({}, context.data), { label: (_d = (_b = context.data.label) !== null && _b !== void 0 ? _b : (_c = context.subRenderer) === null || _c === void 0 ? void 0 : _c.name) !== null && _d !== void 0 ? _d : '列名称' });
+      }]
+    }, {
+      eventName: 'columnSearch',
+      eventLabel: i18nRuntime.i18n("93a5a0253f11e3a2e58f4e87a52fb094"),
+      description: i18nRuntime.i18n("6d4c4990ab2c32efe8a17c5f22e10cb5"),
+      dataSchema: [{
+        type: 'object',
+        properties: {
+          'event.data.searchName': {
+            type: 'string',
+            title: i18nRuntime.i18n("a80a4486100baf3f45fab3a59e4a816d")
+          },
+          'event.data.searchValue': {
+            type: 'object',
+            title: i18nRuntime.i18n("b9a565fe1dc488efae1d63464f277f09")
+          }
         }
+      }]
+    }, {
+      eventName: 'orderChange',
+      eventLabel: i18nRuntime.i18n("85ddd38957256b6e9026f42ed570bc35"),
+      description: i18nRuntime.i18n("d7a66def82af88cd5d408e38feb8a65a"),
+      dataSchema: [{
+        type: 'object',
+        properties: {
+          'event.data.movedItems': {
+            type: 'array',
+            title: i18nRuntime.i18n("1987561c006c7192ab619f81103d2a2f")
+          }
+        }
+      }]
+    }, {
+      eventName: 'columnToggled',
+      eventLabel: i18nRuntime.i18n("ecfebbc91e2c18a512aeb11b7da15193"),
+      description: i18nRuntime.i18n("c94f45773a42dc386b9c9dcdc6fa542b"),
+      dataSchema: [{
+        type: 'object',
+        properties: {
+          'event.data.columns': {
+            type: 'array',
+            title: i18nRuntime.i18n("70567329ee851a5ba7e7301bd8e9d9a1")
+          }
+        }
+      }]
+    }, {
+      eventName: 'rowClick',
+      eventLabel: i18nRuntime.i18n("76e47871d654c3b0b0e301c0a076e55a"),
+      description: i18nRuntime.i18n("cc13521eab2c7423b3fb857772405cc3"),
+      dataSchema: [{
+        type: 'object',
+        properties: {
+          'event.data.rowItem': {
+            type: 'object',
+            title: i18nRuntime.i18n("2fbbf5c38b66ac5496ac42246bbe9e0b")
+          }
+        }
+      }]
+    }];
+    _this.actions = [{
+      actionType: 'select',
+      actionLabel: i18nRuntime.i18n("8eb3c8b16106e5487cd1fa3b8a1342ce"),
+      description: i18nRuntime.i18n("908cc16fe4f7972450167e26276ac726"),
+      innerArgs: ['selected'],
+      schema: helper.getArgsWrapper([{
+        type: 'input-formula',
+        variables: '${variables}',
+        evalMode: false,
+        variableMode: 'tabs',
+        label: i18nRuntime.i18n("a2b39e5a8b5015234dcd8e07a2e00e3d"),
+        size: 'lg',
+        name: 'selected',
+        mode: 'horizontal'
+      }])
+    }, {
+      actionType: 'selectAll',
+      actionLabel: i18nRuntime.i18n("366a3c07289bd6efb7c2a182f7a12772"),
+      description: i18nRuntime.i18n("e97c09cd119b64ae0a8dfd42a1d449cb")
+    }, {
+      actionType: 'clearAll',
+      actionLabel: i18nRuntime.i18n("c3e8652924c258e121eed16414d3a9e5"),
+      description: i18nRuntime.i18n("7619ec29c0a854dd49e0a7a47bf1a127")
+    }, {
+      actionType: 'initDrag',
+      actionLabel: i18nRuntime.i18n("b94bd878cae4ddc567b00a2dc4f21d74"),
+      description: i18nRuntime.i18n("5dc3017c21ae2e31ab127dbde8ec80e9")
+    }];
+
+    _this.panelBodyCreator = function (context) {
+      var isCRUDBody = context.schema.type === 'crud';
+      return amisEditorCore.getSchemaTpl('tabs', [{
+        title: i18nRuntime.i18n("22b777e6fcb613b8ba83ced9594cd07e"),
+        body: [{
+          name: 'title',
+          type: 'input-text',
+          label: i18nRuntime.i18n("32c65d8d7431e76029678ec7bb73a5ab")
+        }, isCRUDBody ? null : {
+          name: 'source',
+          type: 'input-text',
+          label: i18nRuntime.i18n("c11322c9cc43ce3c004cf03f5ac0acd0"),
+          pipeIn: amisEditorCore.defaultValue('${items}'),
+          description: i18nRuntime.i18n("7ea26d0cb93e59339daf6a1ac68624f3")
+        }, {
+          name: 'combineNum',
+          label: i18nRuntime.i18n("25915fb58615ba9a5e145efa252fec30"),
+          type: 'input-number',
+          placeholder: i18nRuntime.i18n("d7d0936858fcdf4ffdb2899451ec74fc"),
+          description: i18nRuntime.i18n("80174cabf025dfe269aee5390b813708")
+        } // {
+        //   children: (
+        //     <div>
+        //       <Button
+        //         level="info"
+        //         size="sm"
+        //         className="m-b-sm"
+        //         block
+        //         onClick={this.handleAdd}
+        //       >
+        //         新增一列
+        //       </Button>
+        //     </div>
+        //   )
+        // },
+        // {
+        //   children: (
+        //     <div>
+        //       <Button
+        //         level="success"
+        //         size="sm"
+        //         block
+        //         onClick={this.handleColumnsQuickEdit.bind(this)}
+        //       >
+        //         快速编辑列信息
+        //       </Button>
+        //     </div>
+        //   )
+        // }
+        ]
+      }, {
+        title: i18nRuntime.i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+        body: [{
+          name: 'columnsTogglable',
+          label: i18nRuntime.i18n("14921c3831512876f6d58b2a497b86df"),
+          type: 'button-group-select',
+          pipeIn: amisEditorCore.defaultValue('auto'),
+          mode: 'inline',
+          className: 'w-full',
+          size: 'xs',
+          options: [{
+            label: i18nRuntime.i18n("3aed2c11e95a9c0ea1d853d4aee72e8c"),
+            value: 'auto'
+          }, {
+            label: i18nRuntime.i18n("cc42dd3170fdf36bdc2b0f58ab23eb84"),
+            value: true
+          }, {
+            label: i18nRuntime.i18n("b15d91274e9fc68608c609999e0413fa"),
+            value: false
+          }],
+          description: i18nRuntime.i18n("6fe0b71c07a5ce5f7a09f7fdb1d63827")
+        }, amisEditorCore.getSchemaTpl('switch', {
+          name: 'affixHeader',
+          label: i18nRuntime.i18n("2206c0e11aa5f4f154aa9e5dfffcb474"),
+          pipeIn: amisEditorCore.defaultValue(true)
+        }), amisEditorCore.getSchemaTpl('switch', {
+          name: 'showHeader',
+          label: i18nRuntime.i18n("e18d033cc4baab3ebb329f6b29eb3cef"),
+          pipeIn: amisEditorCore.defaultValue(true)
+        }), amisEditorCore.getSchemaTpl('switch', {
+          name: 'showFooter',
+          label: i18nRuntime.i18n("412593f58b9d062a43cbe2ce38f4dc65"),
+          pipeIn: amisEditorCore.defaultValue(true)
+        }), amisEditorCore.getSchemaTpl('switch', {
+          name: 'footable',
+          label: i18nRuntime.i18n("5006fdc5659989e42c3855c17c57f878"),
+          description: i18nRuntime.i18n("9db359f376a1a588ef7dcbef53cc114a"),
+          pipeIn: function (value) {
+            return !!value;
+          }
+        }), {
+          name: 'footable.expand',
+          type: 'button-group-select',
+          size: 'xs',
+          visibleOn: 'data.footable',
+          label: i18nRuntime.i18n("df74194830e695efbfce16c0c64223cf"),
+          pipeIn: amisEditorCore.defaultValue('none'),
+          mode: 'inline',
+          className: 'w-full',
+          options: [{
+            label: i18nRuntime.i18n("94be543c4fd399f0839211464c8583ce"),
+            value: 'first'
+          }, {
+            label: i18nRuntime.i18n("9a7b52fc8659f1786907fe93efa85bf7"),
+            value: 'all'
+          }, {
+            label: i18nRuntime.i18n("b07deca9076bd3354b1b2709d58d725a"),
+            value: 'none'
+          }]
+        }, {
+          name: 'placeholder',
+          pipeIn: amisEditorCore.defaultValue(i18nRuntime.i18n("21efd88b67a39834582ad99aabb9dc60")),
+          type: 'input-text',
+          label: i18nRuntime.i18n("35ba83e053cef95e55dfffde279822b5")
+        }, {
+          name: 'rowClassNameExpr',
+          type: 'input-text',
+          label: i18nRuntime.i18n("76b3250fb1e8593fac075b64029300fa"),
+          placeholder: "\u652F\u6301\u6A21\u677F\u8BED\u6CD5\uFF0C\u5982 <%= data.id % 2 ? 'bg-success' : '' %>"
+        }, amisEditorCore.getSchemaTpl('className', {
+          label: i18nRuntime.i18n("734ebf8b33422c456e937fc27c9a16ce")
+        }), amisEditorCore.getSchemaTpl('className', {
+          name: 'tableClassName',
+          label: i18nRuntime.i18n("320f489db3dade075d69f155b346f98b")
+        }), amisEditorCore.getSchemaTpl('className', {
+          name: 'headerClassName',
+          label: i18nRuntime.i18n("08ca0d502abc4336855d837f281caef4")
+        }), amisEditorCore.getSchemaTpl('className', {
+          name: 'footerClassName',
+          label: i18nRuntime.i18n("b6469055adf2b7bfb187f74ae17dfe54")
+        }), amisEditorCore.getSchemaTpl('className', {
+          name: 'toolbarClassName',
+          label: i18nRuntime.i18n("39ff38577b97cf98fc130f9bd596d4c4")
+        })]
+      }, {
+        title: i18nRuntime.i18n("33bf801796fd255b5f6147e33146669b"),
+        body: [amisEditorCore.getSchemaTpl('ref'), amisEditorCore.getSchemaTpl('visible')]
+      }, isCRUDBody ? null : {
+        title: i18nRuntime.i18n("10b2761db5a8e089049df39675abc550"),
+        className: 'p-none',
+        body: [amisEditorCore.getSchemaTpl('eventControl', tslib.__assign({
+          name: 'onEvent'
+        }, helper.getEventControlConfig(_this.manager, context)))]
+      }]);
     };
-    TablePlugin.prototype.buildDataSchemas = function (node, region) {
-        var _a, _b;
-        return tslib.__awaiter(this, void 0, void 0, function () {
-            var itemsSchema, columns, _i, _c, current, schema, _d, _e, _f;
-            return tslib.__generator(this, function (_g) {
-                switch (_g.label) {
-                    case 0:
-                        itemsSchema = {
-                            $id: 'tableRow',
-                            type: 'object',
-                            properties: {}
-                        };
-                        columns = node.children.find(function (item) { return item.isRegion && item.region === 'columns'; });
-                        _i = 0, _c = columns.children;
-                        _g.label = 1;
-                    case 1:
-                        if (!(_i < _c.length)) return [3 /*break*/, 6];
-                        current = _c[_i];
-                        schema = current.schema;
-                        if (!schema.name) return [3 /*break*/, 5];
-                        _d = itemsSchema.properties;
-                        _e = schema.name;
-                        if (!((_b = (_a = current.info) === null || _a === void 0 ? void 0 : _a.plugin) === null || _b === void 0 ? void 0 : _b.buildDataSchemas)) return [3 /*break*/, 3];
-                        return [4 /*yield*/, current.info.plugin.buildDataSchemas(current, region)];
-                    case 2:
-                        _f = _g.sent();
-                        return [3 /*break*/, 4];
-                    case 3:
-                        _f = {
-                            type: 'string',
-                            title: schema.label || schema.name,
-                            description: schema.description
-                        };
-                        _g.label = 4;
-                    case 4:
-                        _d[_e] = _f;
-                        _g.label = 5;
-                    case 5:
-                        _i++;
-                        return [3 /*break*/, 1];
-                    case 6:
-                        if ((region === null || region === void 0 ? void 0 : region.region) === 'columns') {
-                            return [2 /*return*/, itemsSchema];
-                        }
-                        return [2 /*return*/, {
-                                $id: 'table',
-                                type: 'object',
-                                properties: {
-                                    items: {
-                                        type: 'array',
-                                        items: itemsSchema
-                                    }
-                                }
-                            }];
-                }
-            });
+
+    return _this;
+  }
+
+  TablePlugin.prototype.filterProps = function (props) {
+    var arr = Array.isArray(props.value) ? props.value : typeof props.source === 'string' ? amis.resolveVariable(props.source, props.data) : amis.resolveVariable('items', props.data);
+
+    if (!Array.isArray(arr) || !arr.length) {
+      var mockedData_1 = {};
+
+      if (Array.isArray(props.columns)) {
+        props.columns.forEach(function (column) {
+          if (column.name) {
+            amisCore.setVariable(mockedData_1, column.name, amisEditorCore.mockValue(column));
+          }
         });
-    };
-    return TablePlugin;
-}(AMisCodeEditor.BasePlugin));
-AMisCodeEditor.registerEditorPlugin(TablePlugin);
+      }
+
+      props.value = amisEditorCore.repeatArray(mockedData_1, 1).map(function (item, index) {
+        return tslib.__assign(tslib.__assign({}, item), {
+          id: index + 1
+        });
+      });
+    } else {
+      // 只取10条预览，否则太多卡顿
+      props.value = arr.slice(0, 10);
+    }
+
+    return props;
+  }; // 为了能够自动注入数据。
+
+
+  TablePlugin.prototype.getRendererInfo = function (context) {
+    var _a;
+
+    var plugin = this;
+    var schema = context.schema,
+        renderer = context.renderer;
+
+    if (!schema.$$id && ((_a = schema.$$editor) === null || _a === void 0 ? void 0 : _a.renderer.name) === 'crud' && renderer.name === 'table') {
+      return tslib.__assign(tslib.__assign({}, {
+        id: schema.$$editor.id
+      }), {
+        name: plugin.name,
+        regions: plugin.regions,
+        patchContainers: plugin.patchContainers,
+        vRendererConfig: plugin.vRendererConfig,
+        wrapperProps: plugin.wrapperProps,
+        wrapperResolve: plugin.wrapperResolve,
+        filterProps: plugin.filterProps,
+        $schema: plugin.$schema,
+        renderRenderer: plugin.renderRenderer
+      });
+    }
+
+    return _super.prototype.getRendererInfo.call(this, context);
+  }; // 自动插入 label
+
+
+  TablePlugin.prototype.beforeInsert = function (event) {
+    var _a, _b, _c, _d;
+
+    var context = event.context;
+
+    if ((context.info.plugin === this || ((_a = context.node.sameIdChild) === null || _a === void 0 ? void 0 : _a.info.plugin) === this) && context.region === 'columns') {
+      context.data = tslib.__assign(tslib.__assign({}, context.data), {
+        label: (_d = (_b = context.data.label) !== null && _b !== void 0 ? _b : (_c = context.subRenderer) === null || _c === void 0 ? void 0 : _c.name) !== null && _d !== void 0 ? _d : i18nRuntime.i18n("bcee820bc20342a4d388a35ed32a35fe")
+      });
+    }
+  };
+
+  TablePlugin.prototype.buildDataSchemas = function (node, region) {
+    var _a, _b;
+
+    return tslib.__awaiter(this, void 0, void 0, function () {
+      var itemsSchema, columns, _i, _c, current, schema, _d, _e, _f;
+
+      return tslib.__generator(this, function (_g) {
+        switch (_g.label) {
+          case 0:
+            itemsSchema = {
+              $id: 'tableRow',
+              type: 'object',
+              properties: {}
+            };
+            columns = node.children.find(function (item) {
+              return item.isRegion && item.region === 'columns';
+            });
+            _i = 0, _c = columns.children;
+            _g.label = 1;
+
+          case 1:
+            if (!(_i < _c.length)) return [3
+            /*break*/
+            , 6];
+            current = _c[_i];
+            schema = current.schema;
+            if (!schema.name) return [3
+            /*break*/
+            , 5];
+            _d = itemsSchema.properties;
+            _e = schema.name;
+            if (!((_b = (_a = current.info) === null || _a === void 0 ? void 0 : _a.plugin) === null || _b === void 0 ? void 0 : _b.buildDataSchemas)) return [3
+            /*break*/
+            , 3];
+            return [4
+            /*yield*/
+            , current.info.plugin.buildDataSchemas(current, region)];
+
+          case 2:
+            _f = _g.sent();
+            return [3
+            /*break*/
+            , 4];
+
+          case 3:
+            _f = {
+              type: 'string',
+              title: schema.label || schema.name,
+              description: schema.description
+            };
+            _g.label = 4;
+
+          case 4:
+            _d[_e] = _f;
+            _g.label = 5;
+
+          case 5:
+            _i++;
+            return [3
+            /*break*/
+            , 1];
+
+          case 6:
+            if ((region === null || region === void 0 ? void 0 : region.region) === 'columns') {
+              return [2
+              /*return*/
+              , itemsSchema];
+            }
+
+            return [2
+            /*return*/
+            , {
+              $id: 'table',
+              type: 'object',
+              properties: {
+                items: {
+                  type: 'array',
+                  items: itemsSchema
+                }
+              }
+            }];
+        }
+      });
+    });
+  };
+
+  return TablePlugin;
+}(amisEditorCore.BasePlugin);
+amisEditorCore.registerEditorPlugin(TablePlugin);
 
 exports.TablePlugin = TablePlugin;