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

package/lib/plugin/Others/TableCell.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.0-beta.1
+ * amis-editor v5.2.0-beta.2
  * Copyright 2018-2022 @fex
  */
 
@@ -10,384 +10,366 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var amis = require('amis');
 var React = require('react');
-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 React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var TableCellPlugin = /** @class */ (function (_super) {
-    tslib.__extends(TableCellPlugin, _super);
-    function TableCellPlugin() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.panelTitle = '列配置';
-        _this.panelIcon = 'fa fa-columns';
-        _this.panelBodyCreator = function (context) {
-            return [
-                AMisCodeEditor.getSchemaTpl('tabs', [
-                    {
-                        title: '常规',
-                        body: [
-                            /*{
-                              children: (
-                                <Button
-                                  size="sm"
-                                  level="info"
-                                  className="m-b"
-                                  block
-                                  onClick={this.exchangeRenderer.bind(this, context.id)}
-                                >
-                                  更改渲染器类型
-                                </Button>
-                              )
-                            },*/
-                            {
-                                name: 'label',
-                                label: '列名称',
-                                type: 'input-text'
-                            },
-                            {
-                                name: 'name',
-                                type: 'input-text',
-                                label: '绑定字段名'
-                            },
-                            {
-                                name: 'remark',
-                                label: '提示',
-                                type: 'input-text',
-                                description: '显示一个提示图标，鼠标放上去会提示该内容。'
-                            },
-                            {
-                                name: 'placeholder',
-                                type: 'input-text',
-                                label: '占位符',
-                                value: '-',
-                                description: '当没有值时用这个来替代展示'
-                            },
-                            AMisCodeEditor.getSchemaTpl('switch', {
-                                name: 'sortable',
-                                label: '是否可排序',
-                                description: '开启后可以根据当前列排序(后端排序)。'
-                            })
-                        ]
-                    },
-                    {
-                        title: '高级',
-                        body: [
-                            {
-                                name: 'groupName',
-                                label: '列分组名称',
-                                type: 'input-text',
-                                description: '当多列的分组名称设置一致时，表格会在显示表头的上层显示超级表头，<a href="https://baidu.github.io/amis/crud/header-group" target="_blank">示例</a>'
-                            },
-                            AMisCodeEditor.getSchemaTpl('switch', {
-                                name: 'quickEdit',
-                                label: '启用快速编辑',
-                                pipeIn: function (value) { return !!value; }
-                            }),
-                            {
-                                visibleOn: 'data.quickEdit',
-                                name: 'quickEdit.mode',
-                                type: 'button-group-select',
-                                value: 'popOver',
-                                label: '快速编辑模式',
-                                size: 'xs',
-                                mode: 'inline',
-                                className: 'w-full',
-                                options: [
-                                    {
-                                        label: '下拉',
-                                        value: 'popOver'
-                                    },
-                                    {
-                                        label: '内嵌',
-                                        value: 'inline'
-                                    }
-                                ]
-                            },
-                            AMisCodeEditor.getSchemaTpl('switch', {
-                                name: 'quickEdit.saveImmediately',
-                                label: '是否立即保存',
-                                visibleOn: 'data.quickEdit',
-                                description: '开启后修改即提交，而不是标记修改批量提交。',
-                                descriptionClassName: 'help-block m-b-none',
-                                pipeIn: function (value) { return !!value; }
-                            }),
-                            AMisCodeEditor.getSchemaTpl('api', {
-                                label: '立即保存接口',
-                                description: '是否单独给立即保存配置接口，如果不配置，则默认使用quickSaveItemApi。',
-                                name: 'quickEdit.saveImmediately.api',
-                                visibleOn: 'this.quickEdit && this.quickEdit.saveImmediately'
-                            }),
-                            {
-                                visibleOn: 'data.quickEdit',
-                                name: 'quickEdit',
-                                asFormItem: true,
-                                children: function (_a) {
-                                    var value = _a.value, onChange = _a.onChange, data = _a.data;
-                                    if (value === true) {
-                                        value = {};
-                                    }
-                                    else if (typeof value === 'undefined') {
-                                        value = amisCore.getVariable(data, 'quickEdit');
-                                    }
-                                    var originMode = value.mode;
-                                    value = tslib.__assign({ type: 'input-text', name: data.name }, value);
-                                    delete value.mode;
-                                    // todo 多个快速编辑表单模式看来只能代码模式编辑了。
-                                    return (React__default["default"].createElement(amis.Button, { level: "info", className: "m-b", size: "sm", block: true, onClick: function () {
-                                            _this.manager.openSubEditor({
-                                                title: '配置快速编辑类型',
-                                                value: value,
-                                                slot: {
-                                                    type: 'form',
-                                                    mode: 'normal',
-                                                    body: ['$$'],
-                                                    wrapWithPanel: false
-                                                },
-                                                onChange: function (value) {
-                                                    return onChange(tslib.__assign(tslib.__assign({}, value), { mode: originMode }), 'quickEdit');
-                                                }
-                                            });
-                                        } }, "\u914D\u7F6E\u5FEB\u901F\u7F16\u8F91"));
-                                }
-                            },
-                            AMisCodeEditor.getSchemaTpl('switch', {
-                                name: 'popOver',
-                                label: '启用查看更多展示',
-                                pipeIn: function (value) { return !!value; }
-                            }),
-                            {
-                                name: 'popOver.mode',
-                                label: '查看更多弹出模式',
-                                type: 'select',
-                                visibleOn: 'data.popOver',
-                                pipeIn: AMisCodeEditor.defaultValue('popOver'),
-                                options: [
-                                    {
-                                        label: '默认',
-                                        value: 'popOver'
-                                    },
-                                    {
-                                        label: '弹框',
-                                        value: 'dialog'
-                                    },
-                                    {
-                                        label: '抽出式弹框',
-                                        value: 'drawer'
-                                    }
-                                ]
-                            },
-                            {
-                                name: 'popOver.position',
-                                label: '查看更多弹出模式',
-                                type: 'select',
-                                visibleOn: 'data.popOver && data.popOver.mode === "popOver"',
-                                pipeIn: AMisCodeEditor.defaultValue('center'),
-                                options: [
-                                    {
-                                        label: '目标中部',
-                                        value: 'center'
-                                    },
-                                    {
-                                        label: '目标左上角',
-                                        value: 'left-top'
-                                    },
-                                    {
-                                        label: '目标右上角',
-                                        value: 'right-top'
-                                    },
-                                    {
-                                        label: '目标左下角',
-                                        value: 'left-bottom'
-                                    },
-                                    {
-                                        label: '目标右下角',
-                                        value: 'right-bottom'
-                                    },
-                                    {
-                                        label: '页面左上角',
-                                        value: 'fixed-left-top'
-                                    },
-                                    {
-                                        label: '页面右上角',
-                                        value: 'fixed-right-top'
-                                    },
-                                    {
-                                        label: '页面左下角',
-                                        value: 'fixed-left-bottom'
-                                    },
-                                    {
-                                        label: '页面右下角',
-                                        value: 'fixed-right-bottom'
-                                    }
-                                ]
-                            },
-                            {
-                                visibleOn: 'data.popOver',
-                                name: 'popOver',
-                                asFormItem: true,
-                                children: function (_a) {
-                                    var value = _a.value, onChange = _a.onChange;
-                                    value = tslib.__assign({ type: 'panel', title: '查看详情', body: '内容详情' }, value);
-                                    return (React__default["default"].createElement(amis.Button, { level: "info", className: "m-b", size: "sm", block: true, onClick: function () {
-                                            _this.manager.openSubEditor({
-                                                title: '配置查看更多展示内容',
-                                                value: value,
-                                                onChange: function (value) { return onChange(value, 'popOver'); }
-                                            });
-                                        } }, "\u67E5\u770B\u66F4\u591A\u5185\u5BB9\u914D\u7F6E"));
-                                }
-                            },
-                            AMisCodeEditor.getSchemaTpl('switch', {
-                                name: 'copyable',
-                                label: '启用内容复制功能',
-                                pipeIn: function (value) { return !!value; }
-                            }),
-                            {
-                                visibleOn: 'data.copyable',
-                                name: 'copyable.content',
-                                type: 'textarea',
-                                label: '复制内容模板',
-                                description: '默认为当前字段值，可定制。'
-                            }
-                        ]
-                    },
-                    {
-                        title: '外观',
-                        body: [
-                            {
-                                name: 'fixed',
-                                type: 'button-group-select',
-                                label: '固定位置',
-                                pipeIn: AMisCodeEditor.defaultValue(''),
-                                size: 'xs',
-                                mode: 'inline',
-                                className: 'w-full',
-                                options: [
-                                    {
-                                        value: '',
-                                        label: '不固定'
-                                    },
-                                    {
-                                        value: 'left',
-                                        label: '左侧'
-                                    },
-                                    {
-                                        value: 'right',
-                                        label: '右侧'
-                                    }
-                                ]
-                            },
-                            AMisCodeEditor.getSchemaTpl('switch', {
-                                name: 'toggled',
-                                label: '默认展示',
-                                pipeIn: AMisCodeEditor.defaultValue(true)
-                            }),
-                            {
-                                name: 'breakpoint',
-                                type: 'button-group-select',
-                                label: '触发底部显示条件',
-                                visibleOn: 'data.tableFootableEnabled',
-                                size: 'xs',
-                                multiple: true,
-                                options: [
-                                    {
-                                        label: '总是',
-                                        value: '*'
-                                    },
-                                    {
-                                        label: '手机端',
-                                        value: 'xs'
-                                    },
-                                    {
-                                        label: '平板',
-                                        value: 'sm'
-                                    },
-                                    {
-                                        label: 'PC小屏',
-                                        value: 'md'
-                                    },
-                                    {
-                                        label: 'PC大屏',
-                                        value: 'lg'
-                                    }
-                                ],
-                                pipeIn: function (value) {
-                                    return value ? (typeof value === 'string' ? value : '*') : '';
-                                },
-                                pipeOut: function (value) {
-                                    return typeof value === 'string' &&
-                                        ~value.indexOf('*') &&
-                                        /xs|sm|md|lg/.test(value)
-                                        ? value.replace(/\*\s*,\s*|\s*,\s*\*/g, '')
-                                        : value;
-                                }
-                            },
-                            AMisCodeEditor.getSchemaTpl('switch', {
-                                name: 'className',
-                                label: '内容强制换行',
-                                pipeIn: function (value) {
-                                    return typeof value === 'string' && /\word\-break\b/.test(value);
-                                },
-                                pipeOut: function (value, originValue) {
-                                    return (value ? 'word-break ' : '') +
-                                        (originValue || '').replace(/\bword\-break\b/g, '').trim();
-                                }
-                            }),
-                            AMisCodeEditor.getSchemaTpl('className'),
-                            AMisCodeEditor.getSchemaTpl('className', {
-                                name: 'innerClassName',
-                                label: '内部 CSS 类名'
-                            }),
-                            {
-                                name: 'width',
-                                type: 'input-number',
-                                label: '列宽',
-                                description: '固定列的宽度，不推荐设置。'
-                            }
-                        ]
-                    }
-                ])
-            ];
-        };
-        return _this;
-    }
-    // filterProps(props: any) {
-    //   props = JSONPipeOut(props, true);
-    //   return props;
-    // }
-    TableCellPlugin.prototype.getRendererInfo = function (_a) {
-        var renderer = _a.renderer, schema = _a.schema;
-        if (renderer.name === 'table-cell') {
-            return {
-                name: schema.label ? "<".concat(schema.label, ">\u5217") : '匿名列',
-                $schema: '/schemas/TableColumn.json',
-                multifactor: true,
-                wrapperResolve: function (dom) {
-                    var siblings = [].slice.call(dom.parentElement.children);
-                    var index = siblings.indexOf(dom) + 1;
-                    var table = dom.closest('table');
-                    return [].slice.call(table.querySelectorAll("th:nth-child(".concat(index, "):not([data-editor-id=\"").concat(schema.id, "\"]),\n              td:nth-child(").concat(index, "):not([data-editor-id=\"").concat(schema.id, "\"])")));
-                }
-                // filterProps: this.filterProps
-            };
-        }
-    };
-    /*exchangeRenderer(id: string) {
-      this.manager.showReplacePanel(id, '展示');
-    }*/
-    TableCellPlugin.prototype.beforeReplace = function (event) {
-        var context = event.context;
-        // 替换字段的时候保留 label 和 name 值。
-        if (context.info.plugin === this && context.data) {
-            context.data.label = context.data.label || context.schema.label;
-            context.data.name = context.data.name || context.schema.name;
-        }
+var TableCellPlugin =
+/** @class */
+function (_super) {
+  tslib.__extends(TableCellPlugin, _super);
+
+  function TableCellPlugin() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+
+    _this.panelTitle = i18nRuntime.i18n("dc7558211f2990370954c2e7ca498ee9");
+    _this.panelIcon = 'fa fa-columns';
+
+    _this.panelBodyCreator = function (context) {
+      return [amisEditorCore.getSchemaTpl('tabs', [{
+        title: i18nRuntime.i18n("22b777e6fcb613b8ba83ced9594cd07e"),
+        body: [
+        /*{
+          children: (
+            <Button
+              size="sm"
+              level="info"
+              className="m-b"
+              block
+              onClick={this.exchangeRenderer.bind(this, context.id)}
+            >
+              更改渲染器类型
+            </Button>
+          )
+        },*/
+        {
+          name: 'label',
+          label: i18nRuntime.i18n("bcee820bc20342a4d388a35ed32a35fe"),
+          type: 'input-text'
+        }, amisEditorCore.getSchemaTpl('formItemName', {
+          label: i18nRuntime.i18n("41a344642681efaaa418c228ba7fb45c")
+        }), {
+          name: 'remark',
+          label: i18nRuntime.i18n("02d9819ddaaaeb1b7b22b12608c7e5ca"),
+          type: 'input-text',
+          description: i18nRuntime.i18n("45882ddedb42c1a38462949750bc8a84")
+        }, {
+          name: 'placeholder',
+          type: 'input-text',
+          label: i18nRuntime.i18n("4c1cff4d8c05daa6ed9352a241ee628c"),
+          value: '-',
+          description: i18nRuntime.i18n("ff88d5db9d61f14bce6e3397fd4652a5")
+        }, amisEditorCore.getSchemaTpl('switch', {
+          name: 'sortable',
+          label: i18nRuntime.i18n("233662283039ded8c29f070d1a807029"),
+          description: i18nRuntime.i18n("348097cc50579e489f0bcb5433637d3a")
+        })]
+      }, {
+        title: i18nRuntime.i18n("dfac151de712ab0b3618072c8a7f0a0f"),
+        body: [{
+          name: 'groupName',
+          label: i18nRuntime.i18n("9db64f772c11c614ee00bb3cc066f46f"),
+          type: 'input-text',
+          description: i18nRuntime.i18n("fea0f3f456153564218a9eefb78d8cec")
+        }, amisEditorCore.getSchemaTpl('switch', {
+          name: 'quickEdit',
+          label: i18nRuntime.i18n("19c4f5e98ad302574202de30dddbaf66"),
+          pipeIn: function (value) {
+            return !!value;
+          }
+        }), {
+          visibleOn: 'data.quickEdit',
+          name: 'quickEdit.mode',
+          type: 'button-group-select',
+          value: 'popOver',
+          label: i18nRuntime.i18n("abd733d00ec656e7b0cfd88deedf102f"),
+          size: 'xs',
+          mode: 'inline',
+          className: 'w-full',
+          options: [{
+            label: i18nRuntime.i18n("78f395c15aaf8c92d9223f6ca69b41a4"),
+            value: 'popOver'
+          }, {
+            label: i18nRuntime.i18n("c6e1b91d329a61b691d0d5d2eb343ddd"),
+            value: 'inline'
+          }]
+        }, amisEditorCore.getSchemaTpl('switch', {
+          name: 'quickEdit.saveImmediately',
+          label: i18nRuntime.i18n("15c3796e07e33afc7252df751f610c5d"),
+          visibleOn: 'data.quickEdit',
+          description: i18nRuntime.i18n("2d2eb2ac28f074d1caef0d332d61cfb0"),
+          descriptionClassName: 'help-block m-b-none',
+          pipeIn: function (value) {
+            return !!value;
+          }
+        }), amisEditorCore.getSchemaTpl('api', {
+          label: i18nRuntime.i18n("eccba4475f3144e417e55fd96e831e09"),
+          description: i18nRuntime.i18n("c8e5c062d5ad38e54413abd9c7cfb2f4"),
+          name: 'quickEdit.saveImmediately.api',
+          visibleOn: 'this.quickEdit && this.quickEdit.saveImmediately'
+        }), {
+          visibleOn: 'data.quickEdit',
+          name: 'quickEdit',
+          asFormItem: true,
+          children: function (_a) {
+            var value = _a.value,
+                onChange = _a.onChange,
+                data = _a.data;
+
+            if (value === true) {
+              value = {};
+            } else if (typeof value === 'undefined') {
+              value = amisCore.getVariable(data, 'quickEdit');
+            }
+
+            var originMode = value.mode;
+            value = tslib.__assign({
+              type: 'input-text',
+              name: data.name
+            }, value);
+            delete value.mode; // todo 多个快速编辑表单模式看来只能代码模式编辑了。
+
+            return React__default["default"].createElement(amis.Button, {
+              level: "info",
+              className: "m-b",
+              size: "sm",
+              block: true,
+              onClick: function () {
+                _this.manager.openSubEditor({
+                  title: i18nRuntime.i18n("c3ed36e4abb96c18a6c83350994cdea7"),
+                  value: value,
+                  slot: {
+                    type: 'form',
+                    mode: 'normal',
+                    body: ['$$'],
+                    wrapWithPanel: false
+                  },
+                  onChange: function (value) {
+                    return onChange(tslib.__assign(tslib.__assign({}, value), {
+                      mode: originMode
+                    }), 'quickEdit');
+                  }
+                });
+              }
+            }, "\u914D\u7F6E\u5FEB\u901F\u7F16\u8F91");
+          }
+        }, amisEditorCore.getSchemaTpl('switch', {
+          name: 'popOver',
+          label: i18nRuntime.i18n("ba5a0a1ff2c438ae7719ca48b0ce3af7"),
+          pipeIn: function (value) {
+            return !!value;
+          }
+        }), {
+          name: 'popOver.mode',
+          label: i18nRuntime.i18n("d689e3c38fdb32c98fb27f8f35a26552"),
+          type: 'select',
+          visibleOn: 'data.popOver',
+          pipeIn: amisEditorCore.defaultValue('popOver'),
+          options: [{
+            label: i18nRuntime.i18n("18c63459a2c069022c7790430f761214"),
+            value: 'popOver'
+          }, {
+            label: i18nRuntime.i18n("ab3aec075a09d055b2a28c8b61925ee0"),
+            value: 'dialog'
+          }, {
+            label: i18nRuntime.i18n("33e6c41fed95c25e3b426d596d504579"),
+            value: 'drawer'
+          }]
+        }, {
+          name: 'popOver.position',
+          label: i18nRuntime.i18n("d689e3c38fdb32c98fb27f8f35a26552"),
+          type: 'select',
+          visibleOn: 'data.popOver && data.popOver.mode === "popOver"',
+          pipeIn: amisEditorCore.defaultValue('center'),
+          options: [{
+            label: i18nRuntime.i18n("68b54e7b408c4fb83561c931aa668eae"),
+            value: 'center'
+          }, {
+            label: i18nRuntime.i18n("e18459c93769a5afec01e1ce60f9b9fd"),
+            value: 'left-top'
+          }, {
+            label: i18nRuntime.i18n("1fc3cdd8437f5057774cde2f2c51f97c"),
+            value: 'right-top'
+          }, {
+            label: i18nRuntime.i18n("63dd9faca92bccfd436ff21a6b4b3151"),
+            value: 'left-bottom'
+          }, {
+            label: i18nRuntime.i18n("d01c239688b9c8fc145191ee642dc080"),
+            value: 'right-bottom'
+          }, {
+            label: i18nRuntime.i18n("8fcf9802436282672a8e28ebd6262390"),
+            value: 'fixed-left-top'
+          }, {
+            label: i18nRuntime.i18n("aed25160b4e8cfc613a743c4549e9222"),
+            value: 'fixed-right-top'
+          }, {
+            label: i18nRuntime.i18n("d4a4ab1916187e09b9c037705fd49ffa"),
+            value: 'fixed-left-bottom'
+          }, {
+            label: i18nRuntime.i18n("921fccbb84c829bf8c6f0b9957029f44"),
+            value: 'fixed-right-bottom'
+          }]
+        }, {
+          visibleOn: 'data.popOver',
+          name: 'popOver',
+          asFormItem: true,
+          children: function (_a) {
+            var value = _a.value,
+                onChange = _a.onChange;
+            value = tslib.__assign({
+              type: 'panel',
+              title: i18nRuntime.i18n("5b48dbb8dc710cffe6313bb56a7f6d47"),
+              body: i18nRuntime.i18n("1d53f83df1d889a70131b7a93c819575")
+            }, value);
+            return React__default["default"].createElement(amis.Button, {
+              level: "info",
+              className: "m-b",
+              size: "sm",
+              block: true,
+              onClick: function () {
+                _this.manager.openSubEditor({
+                  title: i18nRuntime.i18n("8dda45360dcf9ca501fd7d0eb53045b5"),
+                  value: value,
+                  onChange: function (value) {
+                    return onChange(value, 'popOver');
+                  }
+                });
+              }
+            }, "\u67E5\u770B\u66F4\u591A\u5185\u5BB9\u914D\u7F6E");
+          }
+        }, amisEditorCore.getSchemaTpl('switch', {
+          name: 'copyable',
+          label: i18nRuntime.i18n("6e78b595d6a296938201a3c80660bf35"),
+          pipeIn: function (value) {
+            return !!value;
+          }
+        }), {
+          visibleOn: 'data.copyable',
+          name: 'copyable.content',
+          type: 'textarea',
+          label: i18nRuntime.i18n("deb65aca8dba2ff9d0cfaed0a3441068"),
+          description: i18nRuntime.i18n("622e14515c4fd5ca6fe6946e3a1bfb4a")
+        }]
+      }, {
+        title: i18nRuntime.i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+        body: [{
+          name: 'fixed',
+          type: 'button-group-select',
+          label: i18nRuntime.i18n("65f7e01d58cb5065f49e0e8f48cc16be"),
+          pipeIn: amisEditorCore.defaultValue(''),
+          size: 'xs',
+          mode: 'inline',
+          className: 'w-full',
+          options: [{
+            value: '',
+            label: i18nRuntime.i18n("9ed8a4c5d1b3726121175dc986268b0c")
+          }, {
+            value: 'left',
+            label: i18nRuntime.i18n("39a2cb79c6d9762783e20522ea86dcff")
+          }, {
+            value: 'right',
+            label: i18nRuntime.i18n("de2a774bf98944b8f0ec8755d5f59d64")
+          }]
+        }, amisEditorCore.getSchemaTpl('switch', {
+          name: 'toggled',
+          label: i18nRuntime.i18n("0a5ac2f5c327e28c58d51db967a0e603"),
+          pipeIn: amisEditorCore.defaultValue(true)
+        }), {
+          name: 'breakpoint',
+          type: 'button-group-select',
+          label: i18nRuntime.i18n("a3bd2104e3df81df713de636b907462c"),
+          visibleOn: 'data.tableFootableEnabled',
+          size: 'xs',
+          multiple: true,
+          options: [{
+            label: i18nRuntime.i18n("986a5f50e946674bb91c9408fc974497"),
+            value: '*'
+          }, {
+            label: i18nRuntime.i18n("a165f0fe5fb904049f6b6961105e433f"),
+            value: 'xs'
+          }, {
+            label: i18nRuntime.i18n("03ee8b948c9b34daca9584811bcca17d"),
+            value: 'sm'
+          }, {
+            label: i18nRuntime.i18n("82d9f1f96084674e2b0101ecc04d5d58"),
+            value: 'md'
+          }, {
+            label: i18nRuntime.i18n("f4166de371b5dfb87efce228b17a3fbb"),
+            value: 'lg'
+          }],
+          pipeIn: function (value) {
+            return value ? typeof value === 'string' ? value : '*' : '';
+          },
+          pipeOut: function (value) {
+            return typeof value === 'string' && ~value.indexOf('*') && /xs|sm|md|lg/.test(value) ? value.replace(/\*\s*,\s*|\s*,\s*\*/g, '') : value;
+          }
+        }, amisEditorCore.getSchemaTpl('switch', {
+          name: 'className',
+          label: i18nRuntime.i18n("f8cffd4d3fcdca390a3a3de24d209bb6"),
+          pipeIn: function (value) {
+            return typeof value === 'string' && /\word\-break\b/.test(value);
+          },
+          pipeOut: function (value, originValue) {
+            return (value ? 'word-break ' : '') + (originValue || '').replace(/\bword\-break\b/g, '').trim();
+          }
+        }), amisEditorCore.getSchemaTpl('className'), amisEditorCore.getSchemaTpl('className', {
+          name: 'innerClassName',
+          label: i18nRuntime.i18n("4619988f1c5d9093dc00d1430633b2bd")
+        }), {
+          name: 'width',
+          type: 'input-number',
+          label: i18nRuntime.i18n("bdd9d38d7e2929024089363dc8f48b7a"),
+          description: i18nRuntime.i18n("b198805e7a6b35830ba813f51db2fdc4")
+        }]
+      }])];
     };
-    return TableCellPlugin;
-}(AMisCodeEditor.BasePlugin));
-AMisCodeEditor.registerEditorPlugin(TableCellPlugin);
+
+    return _this;
+  } // filterProps(props: any) {
+  //   props = JSONPipeOut(props, true);
+  //   return props;
+  // }
+
+
+  TableCellPlugin.prototype.getRendererInfo = function (_a) {
+    var renderer = _a.renderer,
+        schema = _a.schema;
+
+    if (renderer.name === 'table-cell') {
+      return {
+        name: schema.label ? "<".concat(schema.label, ">\u5217") : i18nRuntime.i18n("044892c0c637f2d9e78e78956b1ded01"),
+        $schema: '/schemas/TableColumn.json',
+        multifactor: true,
+        wrapperResolve: function (dom) {
+          var siblings = [].slice.call(dom.parentElement.children);
+          var index = siblings.indexOf(dom) + 1;
+          var table = dom.closest('table');
+          return [].slice.call(table.querySelectorAll("th:nth-child(".concat(index, "):not([data-editor-id=\"").concat(schema.id, "\"]),\n              td:nth-child(").concat(index, "):not([data-editor-id=\"").concat(schema.id, "\"])")));
+        } // filterProps: this.filterProps
+
+      };
+    }
+  };
+  /*exchangeRenderer(id: string) {
+    this.manager.showReplacePanel(id, '展示');
+  }*/
+
+
+  TableCellPlugin.prototype.beforeReplace = function (event) {
+    var context = event.context; // 替换字段的时候保留 label 和 name 值。
+
+    if (context.info.plugin === this && context.data) {
+      context.data.label = context.data.label || context.schema.label;
+      context.data.name = context.data.name || context.schema.name;
+    }
+  };
+
+  return TableCellPlugin;
+}(amisEditorCore.BasePlugin);
+amisEditorCore.registerEditorPlugin(TableCellPlugin);
 
 exports.TableCellPlugin = TableCellPlugin;