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

package/lib/plugin/Form/InputTable.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.0-beta.0
+ * amis-editor v5.2.0-beta.2
  * Copyright 2018-2022 @fex
  */
 
@@ -10,391 +10,352 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var amis = require('amis');
 var flatten = require('lodash/flatten');
-var AMisCodeEditor = require('amis-editor-core');
+var amisEditorCore = require('amis-editor-core');
 var amisCore = require('amis-core');
+var i18nRuntime = require('i18n-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var flatten__default = /*#__PURE__*/_interopDefaultLegacy(flatten);
 
-var TableControlPlugin = /** @class */ (function (_super) {
-    tslib.__extends(TableControlPlugin, _super);
-    function TableControlPlugin() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        // 关联渲染器名字
-        _this.rendererName = 'input-table';
-        _this.$schema = '/schemas/TableControlSchema.json';
-        // 组件名称
-        _this.name = '表格编辑框';
-        _this.isBaseComponent = true;
-        _this.icon = 'fa fa-table';
-        _this.description = "\u53EF\u4EE5\u7528\u6765\u5C55\u73B0\u6570\u636E\u7684,\u53EF\u4EE5\u7528\u6765\u5C55\u793A\u6570\u7EC4\u7C7B\u578B\u7684\u6570\u636E\uFF0C\u6BD4\u5982 <code>multiple</code> \u7684\u5B50 <code>form</code>";
-        _this.docLink = '/amis/zh-CN/components/form/input-table';
-        _this.tags = ['表单项'];
-        _this.scaffold = {
-            type: 'input-table',
-            name: 'table',
-            label: '表格表单',
-            columns: [
-                {
-                    label: 'color',
-                    name: 'color',
-                    quickEdit: {
-                        type: 'input-color'
-                    }
-                },
-                {
-                    label: '说明文字',
-                    name: 'name',
-                    quickEdit: {
-                        type: 'input-text',
-                        mode: 'inline'
-                    }
-                }
-            ],
-            strictMode: true
-        };
-        _this.regions = [
-            {
-                key: 'columns',
-                label: '列集合',
-                renderMethod: 'renderTableContent',
-                preferTag: '展示',
-                dndMode: 'position-h'
-            }
-        ];
-        _this.previewSchema = {
-            type: 'form',
-            className: 'text-left',
-            wrapWithPanel: false,
-            mode: 'horizontal',
-            body: tslib.__assign(tslib.__assign({}, _this.scaffold), { value: [{ color: 'green', name: '绿色' }] })
-        };
-        _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.panelBodyCreator = function (context) {
-            context.schema.type === 'crud';
-            return AMisCodeEditor.getSchemaTpl('tabs', [
-                {
-                    title: '常规',
-                    body: flatten__default["default"]([
-                        // {
-                        //   children: (
-                        //     <div className="m-b">
-                        //       <Button
-                        //         level="success"
-                        //         size="sm"
-                        //         block
-                        //         onClick={() => this.handleEditFormItem()}
-                        //       >
-                        //         配置列信息
-                        //       </Button>
-                        //     </div>
-                        //   )
-                        // },
-                        AMisCodeEditor.getSchemaTpl('formItemName', {
-                            required: true
-                        }),
-                        AMisCodeEditor.getSchemaTpl('label'),
-                        AMisCodeEditor.getSchemaTpl('description'),
-                        AMisCodeEditor.getSchemaTpl('switch', {
-                            label: '是否可新增',
-                            name: 'addable'
-                        }),
-                        {
-                            type: 'input-text',
-                            name: 'addBtnLabel',
-                            label: '增加按钮名称',
-                            visibleOn: 'data.addable',
-                            pipeIn: AMisCodeEditor.defaultValue('')
-                        },
-                        {
-                            name: 'addBtnIcon',
-                            label: '增加按钮图标',
-                            type: 'icon-picker',
-                            className: 'fix-icon-picker-overflow',
-                            visibleOn: 'data.addable'
-                        },
-                        AMisCodeEditor.getSchemaTpl('api', {
-                            name: 'addApi',
-                            label: '新增时提交的 API',
-                            visibleOn: 'data.addable'
-                        }),
-                        AMisCodeEditor.getSchemaTpl('switch', {
-                            label: '是否可删除',
-                            name: 'removable'
-                        }),
-                        {
-                            type: 'input-text',
-                            name: 'deleteBtnLabel',
-                            label: '删除按钮名称',
-                            visibleOn: 'data.removable',
-                            pipeIn: AMisCodeEditor.defaultValue('')
-                        },
-                        {
-                            name: 'deleteBtnIcon',
-                            label: '删除按钮图标',
-                            type: 'icon-picker',
-                            className: 'fix-icon-picker-overflow',
-                            visibleOn: 'data.removable'
-                        },
-                        AMisCodeEditor.getSchemaTpl('api', {
-                            name: 'deleteApi',
-                            label: '删除时提交的 API',
-                            visibleOn: 'data.removable'
-                        }),
-                        AMisCodeEditor.getSchemaTpl('switch', {
-                            label: '是否可编辑',
-                            name: 'editable'
-                        }),
-                        {
-                            type: 'input-text',
-                            name: 'editBtnLabel',
-                            label: '编辑按钮名称',
-                            visibleOn: 'data.editable',
-                            pipeIn: AMisCodeEditor.defaultValue('')
-                        },
-                        {
-                            name: 'editBtnIcon',
-                            label: '编辑按钮图标',
-                            type: 'icon-picker',
-                            className: 'fix-icon-picker-overflow',
-                            visibleOn: 'data.editable'
-                        },
-                        AMisCodeEditor.getSchemaTpl('switch', {
-                            label: '是否可复制',
-                            name: 'copyable'
-                        }),
-                        {
-                            type: 'input-text',
-                            name: 'copyBtnLabel',
-                            label: '复制按钮名称',
-                            visibleOn: 'data.copyable',
-                            pipeIn: AMisCodeEditor.defaultValue('')
-                        },
-                        {
-                            name: 'copyBtnIcon',
-                            label: '复制按钮图标',
-                            type: 'icon-picker',
-                            className: 'fix-icon-picker-overflow',
-                            visibleOn: 'data.copyable'
-                        },
-                        AMisCodeEditor.getSchemaTpl('api', {
-                            name: 'updateApi',
-                            label: '修改时提交的 API',
-                            visibleOn: 'data.editable'
-                        }),
-                        {
-                            type: 'input-text',
-                            name: 'confirmBtnLabel',
-                            label: '确认编辑按钮名称',
-                            visibleOn: 'data.editable',
-                            pipeIn: AMisCodeEditor.defaultValue('')
-                        },
-                        {
-                            name: 'confirmBtnIcon',
-                            label: '确认编辑按钮图标',
-                            type: 'icon-picker',
-                            className: 'fix-icon-picker-overflow',
-                            visibleOn: 'data.editable'
-                        },
-                        {
-                            type: 'input-text',
-                            name: 'cancelBtnLabel',
-                            label: '取消编辑按钮名称',
-                            visibleOn: 'data.editable',
-                            pipeIn: AMisCodeEditor.defaultValue('')
-                        },
-                        {
-                            name: 'cancelBtnIcon',
-                            label: '取消编辑按钮图标',
-                            type: 'icon-picker',
-                            className: 'fix-icon-picker-overflow',
-                            visibleOn: 'data.editable'
-                        },
-                        AMisCodeEditor.getSchemaTpl('switch', {
-                            label: '是否可拖拽排序',
-                            name: 'draggable'
-                        }),
-                        AMisCodeEditor.getSchemaTpl('switch', {
-                            label: '确认模式',
-                            name: 'needConfirm'
-                        }),
-                        AMisCodeEditor.getSchemaTpl('switch', {
-                            label: '严格模式',
-                            name: 'strictMode',
-                            value: true
-                        }),
-                        AMisCodeEditor.getSchemaTpl('switch', {
-                            label: '获取父级数据',
-                            labelRemark: {
-                                trigger: 'click',
-                                className: 'm-l-xs',
-                                rootClose: true,
-                                content: '配置"canAccessSuperData": true 同时配置 "strictMode": false 开启此特性，初始会自动映射父级数据域的同名变量。需要注意的是，这里只会初始会映射，一旦修改过就是当前行数据为主了。也就是说，表单项类型的，只会起到初始值的作用',
-                                placement: 'left'
-                            },
-                            onChange: function (value, oldValue, model, form) {
-                                if (value && !oldValue) {
-                                    form.setValues({ strictMode: false });
-                                }
-                                else {
-                                    form.setValues({ strictMode: true });
-                                }
-                            },
-                            name: 'canAccessSuperData' // 同时需要配置strictMode
-                        })
-                    ])
-                },
-                {
-                    title: '外观',
-                    body: [
-                        AMisCodeEditor.getSchemaTpl('formItemMode'),
-                        AMisCodeEditor.getSchemaTpl('horizontalMode'),
-                        AMisCodeEditor.getSchemaTpl('horizontal', {
-                            label: '',
-                            visibleOn: '(data.$$formMode == "horizontal" || data.mode == "horizontal") && data.label !== false && data.horizontal'
-                        }),
-                        AMisCodeEditor.getSchemaTpl('className'),
-                        AMisCodeEditor.getSchemaTpl('className', {
-                            label: 'Label CSS 类名',
-                            name: 'labelClassName'
-                        }),
-                        AMisCodeEditor.getSchemaTpl('className', {
-                            label: 'Input CSS 类名',
-                            name: 'inputClassName'
-                        }),
-                        AMisCodeEditor.getSchemaTpl('className', {
-                            label: '描述 CSS 类名',
-                            name: 'descriptionClassName',
-                            visibleOn: 'data.description'
-                        })
-                    ]
-                },
-                {
-                    title: '显隐',
-                    body: [AMisCodeEditor.getSchemaTpl('disabled'), AMisCodeEditor.getSchemaTpl('visible')]
-                },
-                {
-                    title: '其他',
-                    body: [
-                        AMisCodeEditor.getSchemaTpl('required'),
-                        AMisCodeEditor.getSchemaTpl('validateOnChange'),
-                        AMisCodeEditor.getSchemaTpl('submitOnChange')
-                    ]
-                }
-            ]);
-        };
-        return _this;
-    }
-    TableControlPlugin.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 TableControlPlugin =
+/** @class */
+function (_super) {
+  tslib.__extends(TableControlPlugin, _super);
+
+  function TableControlPlugin() {
+    var _this = _super !== null && _super.apply(this, arguments) || this; // 关联渲染器名字
+
+
+    _this.rendererName = 'input-table';
+    _this.$schema = '/schemas/TableControlSchema.json'; // 组件名称
+
+    _this.name = i18nRuntime.i18n("e41fd1934b82f93f5737827be7323119");
+    _this.isBaseComponent = true;
+    _this.icon = 'fa fa-table';
+    _this.pluginIcon = 'table-plugin';
+    _this.description = "\u53EF\u4EE5\u7528\u6765\u5C55\u73B0\u6570\u636E\u7684,\u53EF\u4EE5\u7528\u6765\u5C55\u793A\u6570\u7EC4\u7C7B\u578B\u7684\u6570\u636E\uFF0C\u6BD4\u5982 <code>multiple</code> \u7684\u5B50 <code>form</code>";
+    _this.docLink = '/amis/zh-CN/components/form/input-table';
+    _this.tags = [i18nRuntime.i18n("55b45c73ae417c4dead67905b1550e85")];
+    _this.scaffold = {
+      type: 'input-table',
+      name: 'table',
+      label: i18nRuntime.i18n("4ba0387a2daf11ad9c67a75b52819eb3"),
+      columns: [{
+        label: 'color',
+        name: 'color',
+        quickEdit: {
+          type: 'input-color'
         }
-        else {
-            // 只取10条预览，否则太多卡顿
-            props.value = arr.slice(0, 10);
+      }, {
+        label: i18nRuntime.i18n("a80f36ea893b8135df8d9266bf13afac"),
+        name: 'name',
+        quickEdit: {
+          type: 'input-text',
+          mode: 'inline'
         }
-        return props;
+      }],
+      strictMode: true
     };
-    // 自动插入 label
-    TableControlPlugin.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 : '列名称' });
-        }
+    _this.regions = [{
+      key: 'columns',
+      label: i18nRuntime.i18n("1f9794dd5634220ed0a498c666cf46fe"),
+      renderMethod: 'renderTableContent',
+      preferTag: i18nRuntime.i18n("027446c2f9070b0f5b16a18208bf5fc7"),
+      dndMode: 'position-h'
+    }];
+    _this.previewSchema = {
+      type: 'form',
+      className: 'text-left',
+      wrapWithPanel: false,
+      mode: 'horizontal',
+      body: tslib.__assign(tslib.__assign({}, _this.scaffold), {
+        value: [{
+          color: 'green',
+          name: i18nRuntime.i18n("b2c712c788d3a143206eee22fe24d9f1")
+        }]
+      })
+    };
+    _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("13c250c68608118463871ce7cd8b292c");
+
+    _this.panelBodyCreator = function (context) {
+      context.schema.type === 'crud';
+      return amisEditorCore.getSchemaTpl('tabs', [{
+        title: i18nRuntime.i18n("22b777e6fcb613b8ba83ced9594cd07e"),
+        body: flatten__default["default"]([// {
+        //   children: (
+        //     <div className="m-b">
+        //       <Button
+        //         level="success"
+        //         size="sm"
+        //         block
+        //         onClick={() => this.handleEditFormItem()}
+        //       >
+        //         配置列信息
+        //       </Button>
+        //     </div>
+        //   )
+        // },
+        amisEditorCore.getSchemaTpl('formItemName', {
+          required: true
+        }), amisEditorCore.getSchemaTpl('label'), amisEditorCore.getSchemaTpl('description'), amisEditorCore.getSchemaTpl('switch', {
+          label: i18nRuntime.i18n("7f2579cabd4d654458a720eed517a37d"),
+          name: 'addable'
+        }), {
+          type: 'input-text',
+          name: 'addBtnLabel',
+          label: i18nRuntime.i18n("6a2f67fe2d8bb1d389eb934dd8a72b1f"),
+          visibleOn: 'data.addable',
+          pipeIn: amisEditorCore.defaultValue('')
+        }, {
+          name: 'addBtnIcon',
+          label: i18nRuntime.i18n("44177f78c596be113d4fe7c6bd7bb46a"),
+          type: 'icon-picker',
+          className: 'fix-icon-picker-overflow',
+          visibleOn: 'data.addable'
+        }, amisEditorCore.getSchemaTpl('api', {
+          name: 'addApi',
+          label: i18nRuntime.i18n("1d34fdbdcac357588c255c1ed2336a3f"),
+          visibleOn: 'data.addable'
+        }), amisEditorCore.getSchemaTpl('switch', {
+          label: i18nRuntime.i18n("1ab31449faaaeeeb7200d724eab9a7ab"),
+          name: 'removable'
+        }), {
+          type: 'input-text',
+          name: 'deleteBtnLabel',
+          label: i18nRuntime.i18n("96848841ea9b2a7d692aa6de57aa5e3e"),
+          visibleOn: 'data.removable',
+          pipeIn: amisEditorCore.defaultValue('')
+        }, {
+          name: 'deleteBtnIcon',
+          label: i18nRuntime.i18n("34f020715121478c6a8e4654954c84fd"),
+          type: 'icon-picker',
+          className: 'fix-icon-picker-overflow',
+          visibleOn: 'data.removable'
+        }, amisEditorCore.getSchemaTpl('api', {
+          name: 'deleteApi',
+          label: i18nRuntime.i18n("a497289d862c6aeff8e61b6479b1081a"),
+          visibleOn: 'data.removable'
+        }), amisEditorCore.getSchemaTpl('switch', {
+          label: i18nRuntime.i18n("748f181258041bac1fe7346e970dfebc"),
+          name: 'editable'
+        }), {
+          type: 'input-text',
+          name: 'editBtnLabel',
+          label: i18nRuntime.i18n("412e319fdd893e6f3b26a1975d21b0e0"),
+          visibleOn: 'data.editable',
+          pipeIn: amisEditorCore.defaultValue('')
+        }, {
+          name: 'editBtnIcon',
+          label: i18nRuntime.i18n("396ffcbab4e21acb77f6987f18ec94a3"),
+          type: 'icon-picker',
+          className: 'fix-icon-picker-overflow',
+          visibleOn: 'data.editable'
+        }, amisEditorCore.getSchemaTpl('switch', {
+          label: i18nRuntime.i18n("c128de224b606b094bd8139890fbe215"),
+          name: 'copyable'
+        }), {
+          type: 'input-text',
+          name: 'copyBtnLabel',
+          label: i18nRuntime.i18n("d59abc7020b4a6d943a0031da4518422"),
+          visibleOn: 'data.copyable',
+          pipeIn: amisEditorCore.defaultValue('')
+        }, {
+          name: 'copyBtnIcon',
+          label: i18nRuntime.i18n("5d04af0e9d59ab3f1265cd8345c2517c"),
+          type: 'icon-picker',
+          className: 'fix-icon-picker-overflow',
+          visibleOn: 'data.copyable'
+        }, amisEditorCore.getSchemaTpl('api', {
+          name: 'updateApi',
+          label: i18nRuntime.i18n("681bdd6184b526ade9665e6d74976863"),
+          visibleOn: 'data.editable'
+        }), {
+          type: 'input-text',
+          name: 'confirmBtnLabel',
+          label: i18nRuntime.i18n("c29e632a658ecb98edb874833b070e98"),
+          visibleOn: 'data.editable',
+          pipeIn: amisEditorCore.defaultValue('')
+        }, {
+          name: 'confirmBtnIcon',
+          label: i18nRuntime.i18n("24c39bb36955b3113baefcfc20c5f60b"),
+          type: 'icon-picker',
+          className: 'fix-icon-picker-overflow',
+          visibleOn: 'data.editable'
+        }, {
+          type: 'input-text',
+          name: 'cancelBtnLabel',
+          label: i18nRuntime.i18n("9c68c27e8939af40897d1b0bca0360a5"),
+          visibleOn: 'data.editable',
+          pipeIn: amisEditorCore.defaultValue('')
+        }, {
+          name: 'cancelBtnIcon',
+          label: i18nRuntime.i18n("e54289c1f0e9311185adee89af24e618"),
+          type: 'icon-picker',
+          className: 'fix-icon-picker-overflow',
+          visibleOn: 'data.editable'
+        }, amisEditorCore.getSchemaTpl('switch', {
+          label: i18nRuntime.i18n("d8905a70e93a33c7a86240f467c653d4"),
+          name: 'draggable'
+        }), amisEditorCore.getSchemaTpl('switch', {
+          label: i18nRuntime.i18n("1205e138ba64dddf61c1f8e6eb3a1aa7"),
+          name: 'needConfirm'
+        }), amisEditorCore.getSchemaTpl('switch', {
+          label: i18nRuntime.i18n("98d52b737d6bc171b6d5bad9a42f6e23"),
+          name: 'strictMode',
+          value: true
+        }), amisEditorCore.getSchemaTpl('switch', {
+          label: i18nRuntime.i18n("1c1618f67cfea6fefb5f287932be2c27"),
+          labelRemark: {
+            trigger: 'click',
+            className: 'm-l-xs',
+            rootClose: true,
+            content: i18nRuntime.i18n("5831c1f77c5acefa6dfe9c64d06ca78a"),
+            placement: 'left'
+          },
+          onChange: function (value, oldValue, model, form) {
+            if (value && !oldValue) {
+              form.setValues({
+                strictMode: false
+              });
+            } else {
+              form.setValues({
+                strictMode: true
+              });
+            }
+          },
+          name: 'canAccessSuperData' // 同时需要配置strictMode
+
+        })])
+      }, {
+        title: i18nRuntime.i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+        body: [amisEditorCore.getSchemaTpl('formItemMode'), amisEditorCore.getSchemaTpl('horizontalMode'), amisEditorCore.getSchemaTpl('horizontal', {
+          label: '',
+          visibleOn: '(data.$$formMode == "horizontal" || data.mode == "horizontal") && data.label !== false && data.horizontal'
+        }), amisEditorCore.getSchemaTpl('className'), amisEditorCore.getSchemaTpl('className', {
+          label: i18nRuntime.i18n("6d0034a2419e1f394dedab07994b9665"),
+          name: 'labelClassName'
+        }), amisEditorCore.getSchemaTpl('className', {
+          label: i18nRuntime.i18n("677fb705e57897710d28867b7628307e"),
+          name: 'inputClassName'
+        }), amisEditorCore.getSchemaTpl('className', {
+          label: i18nRuntime.i18n("0e627e6a0ff773ee76bc4cc0871cb48d"),
+          name: 'descriptionClassName',
+          visibleOn: 'data.description'
+        })]
+      }, {
+        title: i18nRuntime.i18n("33bf801796fd255b5f6147e33146669b"),
+        body: [amisEditorCore.getSchemaTpl('disabled'), amisEditorCore.getSchemaTpl('visible')]
+      }, {
+        title: i18nRuntime.i18n("0d98c74797e49d00bcc4c17c9d557a2b"),
+        body: [amisEditorCore.getSchemaTpl('required'), amisEditorCore.getSchemaTpl('validateOnChange'), amisEditorCore.getSchemaTpl('submitOnChange')]
+      }]);
     };
-    return TableControlPlugin;
-}(AMisCodeEditor.BasePlugin));
-AMisCodeEditor.registerEditorPlugin(TableControlPlugin);
+
+    return _this;
+  }
+
+  TableControlPlugin.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));
+          }
+        });
+      }
+
+      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;
+  }; // 自动插入 label
+
+
+  TableControlPlugin.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")
+      });
+    }
+  };
+
+  return TableControlPlugin;
+}(amisEditorCore.BasePlugin);
+amisEditorCore.registerEditorPlugin(TableControlPlugin);
 
 exports.TableControlPlugin = TableControlPlugin;