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

package/lib/plugin/Tabs.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.0-beta.1
+ * amis-editor v5.2.0-beta.2
  * Copyright 2018-2022 @fex
  */
 
@@ -9,421 +9,417 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
 var React = require('react');
-var AMisCodeEditor = require('amis-editor-core');
+var amisEditorCore = require('amis-editor-core');
 var findIndex = require('lodash/findIndex');
 var amis = require('amis');
-var BaseControl = require('../component/BaseControl.js');
-var util = require('../util.js');
-var schema = require('../event-action/schema.js');
+var helper = require('../renderer/event-control/helper.js');
+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 findIndex__default = /*#__PURE__*/_interopDefaultLegacy(findIndex);
 
-var TabsPlugin = /** @class */ (function (_super) {
-    tslib.__extends(TabsPlugin, _super);
-    function TabsPlugin() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        // 关联渲染器名字
-        _this.rendererName = 'tabs';
-        _this.$schema = '/schemas/TabsSchema.json';
-        // 组件名称
-        _this.name = '选项卡';
-        _this.isBaseComponent = true;
-        _this.description = '选项卡，可以将内容分组用选项卡的形式展示，降低用户使用成本。';
-        _this.docLink = '/amis/zh-CN/components/tabs';
-        _this.tags = ['容器'];
-        _this.icon = 'fa fa-folder-o';
-        _this.scaffold = {
-            type: 'tabs',
-            tabs: [
-                {
-                    title: '选项卡1',
-                    body: '内容1'
-                },
-                {
-                    title: '选项卡2',
-                    body: '内容2'
-                }
-            ]
-        };
-        _this.previewSchema = tslib.__assign({}, _this.scaffold);
-        _this.notRenderFormZone = true;
-        _this.regions = [
-            {
-                key: 'toolbar',
-                label: '工具栏',
-                preferTag: '展示'
-            }
-        ];
-        _this.panelTitle = '选项卡';
-        _this.events = [
-            {
-                eventName: 'change',
-                eventLabel: '选项卡切换',
-                description: '选项卡切换',
-                dataSchema: [
-                    {
-                        type: 'object',
-                        properties: {
-                            value: {
-                                type: 'string',
-                                title: '选项卡索引'
-                            }
-                        }
-                    }
-                ]
-            }
-        ];
-        _this.actions = [
-            {
-                actionType: 'changeActiveKey',
-                actionLabel: '修改激活tab值',
-                description: '修改当前激活tab项的key',
-                config: ['activeKey'],
-                desc: function (info) {
-                    var _a;
-                    return (React__default["default"].createElement("div", null,
-                        React__default["default"].createElement("span", { className: "variable-right" }, info === null || info === void 0 ? void 0 : info.__rendererLabel),
-                        "\u6FC0\u6D3B\u7B2C",
-                        React__default["default"].createElement("span", { className: "variable-left variable-right" }, (_a = info === null || info === void 0 ? void 0 : info.args) === null || _a === void 0 ? void 0 : _a.activeKey),
-                        "\u9879"));
-                },
-                schema: schema.getComboWrapper({
-                    type: 'input-formula',
-                    variables: '${variables}',
-                    evalMode: false,
-                    variableMode: 'tabs',
-                    label: '激活项',
-                    size: 'lg',
-                    name: 'activeKey',
-                    mode: 'horizontal'
-                })
-            }
-        ];
-        _this.panelJustify = true;
-        _this.panelBodyCreator = function (context) {
-            var isNewTabMode = 'data.tabsMode !=="vertical" && data.tabsMode !=="sidebar" && data.tabsMode !=="chrome"';
-            return AMisCodeEditor.getSchemaTpl('tabs', [
-                {
-                    title: '属性',
-                    body: AMisCodeEditor.getSchemaTpl('collapseGroup', [
-                        {
-                            title: '基本',
-                            body: [
-                                AMisCodeEditor.getSchemaTpl('combo-container', {
-                                    type: 'combo',
-                                    label: '选项卡',
-                                    mode: 'normal',
-                                    name: 'tabs',
-                                    draggableTip: '',
-                                    draggable: true,
-                                    multiple: true,
-                                    minLength: 1,
-                                    scaffold: {
-                                        title: '选项卡',
-                                        body: {
-                                            type: 'tpl',
-                                            tpl: '内容',
-                                            inline: false
-                                        }
-                                    },
-                                    items: [{ type: 'input-text', name: 'title', required: true }]
-                                }),
-                                AMisCodeEditor.getSchemaTpl('switch', {
-                                    name: 'showTip',
-                                    label: BaseControl.tipedLabel('标题提示', '鼠标移动到选项卡标题时弹出提示，适用于标题超长时进行完整提示'),
-                                    visibleOn: isNewTabMode,
-                                    clearValueOnHidden: true
-                                })
-                            ]
-                        },
-                        AMisCodeEditor.getSchemaTpl('status'),
-                        {
-                            title: '高级',
-                            body: [
-                                {
-                                    type: 'ae-formulaControl',
-                                    label: BaseControl.tipedLabel('关联数据', '可用<code>\\${xxx}</code>取值，根据该数据来动态重复渲染所配置的选项卡'),
-                                    name: 'source'
-                                },
-                                AMisCodeEditor.getSchemaTpl('switch', {
-                                    name: 'mountOnEnter',
-                                    label: BaseControl.tipedLabel('激活时渲染内容', '只有激活选项卡时才进行内容渲染，提升渲染性能')
-                                }),
-                                AMisCodeEditor.getSchemaTpl('switch', {
-                                    name: 'unmountOnExit',
-                                    label: BaseControl.tipedLabel('隐藏后销毁内容', '激活其他选项卡时销毁当前内容，使其再次激活时内容可以重新渲染，适用于数据容器需要每次渲染实时获取数据的场景')
-                                })
-                            ]
-                        }
-                    ])
-                },
-                {
-                    title: '外观',
-                    body: [
-                        AMisCodeEditor.getSchemaTpl('collapseGroup', [
-                            {
-                                title: '基本',
-                                body: [
-                                    {
-                                        name: 'tabsMode',
-                                        label: '样式',
-                                        type: 'select',
-                                        options: [
-                                            {
-                                                label: '默认',
-                                                value: ''
-                                            },
-                                            {
-                                                label: '线型',
-                                                value: 'line'
-                                            },
-                                            {
-                                                label: '简约',
-                                                value: 'simple'
-                                            },
-                                            {
-                                                label: '加强',
-                                                value: 'strong'
-                                            },
-                                            {
-                                                label: '卡片',
-                                                value: 'card'
-                                            },
-                                            {
-                                                label: '仿 Chrome',
-                                                value: 'chrome'
-                                            },
-                                            {
-                                                label: '水平铺满',
-                                                value: 'tiled'
-                                            },
-                                            {
-                                                label: '选择器',
-                                                value: 'radio'
-                                            },
-                                            {
-                                                label: '垂直',
-                                                value: 'vertical'
-                                            },
-                                            {
-                                                label: '侧边栏',
-                                                value: 'sidebar'
-                                            }
-                                        ],
-                                        pipeIn: AMisCodeEditor.defaultValue('')
-                                    },
-                                    AMisCodeEditor.getSchemaTpl('horizontal-align', {
-                                        label: '标题区位置',
-                                        name: 'sidePosition',
-                                        pipeIn: AMisCodeEditor.defaultValue('left'),
-                                        visibleOn: 'data.tabsMode === "sidebar"',
-                                        clearValueOnHidden: true
-                                    })
-                                ]
-                            },
-                            AMisCodeEditor.getSchemaTpl('style:classNames', {
-                                isFormItem: false,
-                                schema: [
-                                    AMisCodeEditor.getSchemaTpl('className', {
-                                        name: 'linksClassName',
-                                        label: '标题区'
-                                    }),
-                                    AMisCodeEditor.getSchemaTpl('className', {
-                                        name: 'toolbarClassName',
-                                        label: '工具栏'
-                                    }),
-                                    AMisCodeEditor.getSchemaTpl('className', {
-                                        name: 'contentClassName',
-                                        label: '内容区'
-                                    }),
-                                    AMisCodeEditor.getSchemaTpl('className', {
-                                        name: 'showTipClassName',
-                                        label: '提示',
-                                        visibleOn: 'data.showTip',
-                                        clearValueOnHidden: true
-                                    })
-                                ]
-                            })
-                        ])
-                    ]
-                },
-                {
-                    title: '事件',
-                    className: 'p-none',
-                    body: [
-                        AMisCodeEditor.getSchemaTpl('eventControl', tslib.__assign({ name: 'onEvent' }, util.getEventControlConfig(_this.manager, context)))
-                    ]
-                }
-            ]);
-        };
-        _this.patchContainers = ['tabs.body'];
-        _this.vRendererConfig = {
-            regions: {
-                body: {
-                    key: 'body',
-                    label: '内容区'
-                }
+var TabsPlugin =
+/** @class */
+function (_super) {
+  tslib.__extends(TabsPlugin, _super);
+
+  function TabsPlugin() {
+    var _this = _super !== null && _super.apply(this, arguments) || this; // 关联渲染器名字
+
+
+    _this.rendererName = 'tabs';
+    _this.$schema = '/schemas/TabsSchema.json'; // 组件名称
+
+    _this.name = i18nRuntime.i18n("9377e388f7189d6103a3985a321115c8");
+    _this.isBaseComponent = true;
+    _this.description = i18nRuntime.i18n("a8b1273cb2d53ad858906ff9744a9891");
+    _this.docLink = '/amis/zh-CN/components/tabs';
+    _this.tags = [i18nRuntime.i18n("22c799040acdb2601b437ed5449de076")];
+    _this.icon = 'fa fa-folder-o';
+    _this.pluginIcon = 'tabs-plugin';
+    _this.scaffold = {
+      type: 'tabs',
+      tabs: [{
+        title: i18nRuntime.i18n("f78416dbd6c6a40a3ecd1c1f2b0672c8"),
+        body: i18nRuntime.i18n("9769ee568100b0c530a06ec3f0c0044d")
+      }, {
+        title: i18nRuntime.i18n("4be268145385303e8ebeb480458a380e"),
+        body: i18nRuntime.i18n("c50159e2acff0f4ffdce4c67ec3513a3")
+      }]
+    };
+    _this.previewSchema = tslib.__assign({}, _this.scaffold);
+    _this.notRenderFormZone = true;
+    _this.regions = [{
+      key: 'toolbar',
+      label: i18nRuntime.i18n("012f602372cd2dbd639cd966c63e1f90"),
+      preferTag: i18nRuntime.i18n("027446c2f9070b0f5b16a18208bf5fc7")
+    }];
+    _this.panelTitle = i18nRuntime.i18n("9377e388f7189d6103a3985a321115c8");
+    _this.events = [{
+      eventName: 'change',
+      eventLabel: i18nRuntime.i18n("e1112a529dc969a03bbbb409905ff2ec"),
+      description: i18nRuntime.i18n("e1112a529dc969a03bbbb409905ff2ec"),
+      dataSchema: [{
+        type: 'object',
+        properties: {
+          'event.data.value': {
+            type: 'string',
+            title: i18nRuntime.i18n("b04c6cf9cb1212b9c173ddfeec129028")
+          }
+        }
+      }]
+    }];
+    _this.actions = [{
+      actionType: 'changeActiveKey',
+      actionLabel: i18nRuntime.i18n("c8794c58d0eb020ca40905d1904d88b2"),
+      description: i18nRuntime.i18n("fcd3abb110aab48ebd0ac2a1d7040d6d"),
+      config: ['activeKey'],
+      desc: function (info) {
+        var _a;
+
+        return React__default["default"].createElement("div", null, React__default["default"].createElement("span", {
+          className: "variable-right"
+        }, info === null || info === void 0 ? void 0 : info.__rendererLabel), "\u6FC0\u6D3B\u7B2C", React__default["default"].createElement("span", {
+          className: "variable-left variable-right"
+        }, (_a = info === null || info === void 0 ? void 0 : info.args) === null || _a === void 0 ? void 0 : _a.activeKey), "\u9879");
+      },
+      schema: helper.getArgsWrapper({
+        type: 'input-formula',
+        variables: '${variables}',
+        evalMode: false,
+        variableMode: 'tabs',
+        label: i18nRuntime.i18n("9578012b7d75a3a47c76acc176caf403"),
+        size: 'lg',
+        name: 'activeKey',
+        mode: 'horizontal'
+      })
+    }];
+    _this.panelJustify = true;
+
+    _this.panelBodyCreator = function (context) {
+      var isNewTabMode = 'data.tabsMode !=="vertical" && data.tabsMode !=="sidebar" && data.tabsMode !=="chrome"';
+      return amisEditorCore.getSchemaTpl('tabs', [{
+        title: i18nRuntime.i18n("24d67862f87f439db7ca957aecb77cce"),
+        body: amisEditorCore.getSchemaTpl('collapseGroup', [{
+          title: i18nRuntime.i18n("4092ed98e9035652d4c9ca9441701ed7"),
+          body: [amisEditorCore.getSchemaTpl('combo-container', {
+            type: 'combo',
+            label: i18nRuntime.i18n("9377e388f7189d6103a3985a321115c8"),
+            mode: 'normal',
+            name: 'tabs',
+            draggableTip: '',
+            draggable: true,
+            multiple: true,
+            minLength: 1,
+            scaffold: {
+              title: i18nRuntime.i18n("9377e388f7189d6103a3985a321115c8"),
+              body: {
+                type: 'tpl',
+                tpl: i18nRuntime.i18n("2d711b09bd0db0ad240cc83b30dd8014"),
+                inline: false
+              }
             },
-            panelTitle: '卡片',
-            panelJustify: true,
-            panelBodyCreator: function (context) {
-                return AMisCodeEditor.getSchemaTpl('tabs', [
-                    {
-                        title: '属性',
-                        body: AMisCodeEditor.getSchemaTpl('collapseGroup', [
-                            {
-                                title: '基本',
-                                body: [
-                                    {
-                                        name: 'title',
-                                        label: '标题',
-                                        type: 'input-text',
-                                        required: true
-                                    },
-                                    {
-                                        type: 'ae-switch-more',
-                                        formType: 'extend',
-                                        mode: 'normal',
-                                        label: '标题图标',
-                                        form: {
-                                            body: [
-                                                AMisCodeEditor.getSchemaTpl('icon'),
-                                                AMisCodeEditor.getSchemaTpl('horizontal-align', {
-                                                    label: '位置',
-                                                    name: 'iconPosition',
-                                                    pipeIn: AMisCodeEditor.defaultValue('left'),
-                                                    visibleOn: 'data.icon',
-                                                    clearValueOnHidden: true
-                                                })
-                                            ]
-                                        }
-                                    },
-                                    {
-                                        label: BaseControl.tipedLabel('Hash', '设置后，会同步更新地址栏的 Hash。'),
-                                        name: 'hash',
-                                        type: 'input-text'
-                                    }
-                                ]
-                            },
-                            AMisCodeEditor.getSchemaTpl('status', { disabled: true }),
-                            {
-                                title: '高级',
-                                body: [
-                                    AMisCodeEditor.getSchemaTpl('switch', {
-                                        name: 'mountOnEnter',
-                                        label: BaseControl.tipedLabel('激活时才渲染', '当选项卡选中后才渲染其内容区，可提高渲染性能。'),
-                                        visibleOn: '!this.reload',
-                                        clearValueOnHidden: true
-                                    }),
-                                    AMisCodeEditor.getSchemaTpl('switch', {
-                                        name: 'unmountOnExit',
-                                        label: BaseControl.tipedLabel('隐藏即销毁', '关闭选项卡则销毁其内容去，配置「激活时才渲染」选项可实现每次选中均重新加载的效果。'),
-                                        visibleOn: '!this.reload',
-                                        clearValueOnHidden: true
-                                    })
-                                ]
-                            }
-                        ])
-                    },
-                    {
-                        title: '外观',
-                        body: AMisCodeEditor.getSchemaTpl('collapseGroup', [
-                            AMisCodeEditor.getSchemaTpl('style:classNames', {
-                                isFormItem: false
-                            })
-                        ])
-                    }
-                ]);
+            items: [{
+              type: 'input-text',
+              name: 'title',
+              required: true
+            }]
+          }), amisEditorCore.getSchemaTpl('switch', {
+            name: 'showTip',
+            label: amisEditorCore.tipedLabel(i18nRuntime.i18n("3ba265c6b63bde0319822afd6b9a649d"), i18nRuntime.i18n("b744b72fd649d904e561358fc26c455f")),
+            visibleOn: isNewTabMode,
+            clearValueOnHidden: true
+          }), {
+            label: amisEditorCore.tipedLabel(i18nRuntime.i18n("6e7fe62a865cb9ae90e52f85f4c6b8a0"), i18nRuntime.i18n("a8986713e2b83c9ecafe5b107c09b68e")),
+            type: 'input-text',
+            name: 'activeKey',
+            pipeOut: function (data) {
+              return data === '' || isNaN(Number(data)) ? data : Number(data);
             }
-        };
-        _this.wrapperProps = {
-            unmountOnExit: true,
-            mountOnEnter: true
-        };
-        _this.tabWrapperResolve = function (dom) { return dom.parentElement; };
-        _this.overrides = {
-            renderTabs: function () {
-                var _this = this;
-                var dom = this.super();
-                if (!this.renderTab && this.props.$$editor && dom) {
-                    var tabs_1 = this.props.tabs;
-                    return AMisCodeEditor.mapReactElement(dom, function (item) {
-                        var _a, _b;
-                        if (item.type === amis.Tab && item.props.$$id) {
-                            var id_1 = item.props.$$id;
-                            var index = findIndex__default["default"](tabs_1, function (tab) { return tab.$$id === id_1; });
-                            var info = _this.props.$$editor;
-                            var plugin = info.plugin;
-                            if (~index) {
-                                var region = (_b = (_a = plugin.vRendererConfig) === null || _a === void 0 ? void 0 : _a.regions) === null || _b === void 0 ? void 0 : _b.body;
-                                if (!region) {
-                                    return item;
-                                }
-                                return React__default["default"].cloneElement(item, {
-                                    children: (React__default["default"].createElement(AMisCodeEditor.VRenderer, { key: id_1, type: info.type, plugin: info.plugin, renderer: info.renderer, "$schema": "/schemas/TabSchema.json", hostId: info.id, memberIndex: index, name: "".concat(item.props.title || "\u5361\u7247".concat(index + 1)), id: id_1, draggable: false, wrapperResolve: plugin.tabWrapperResolve, schemaPath: "".concat(info.schemaPath, "/tabs/").concat(index), path: "".concat(_this.props.$path, "/").concat(index), data: _this.props.data },
-                                        React__default["default"].createElement(AMisCodeEditor.RegionWrapper, { key: region.key, preferTag: region.preferTag, name: region.key, label: region.label, regionConfig: region, placeholder: region.placeholder, editorStore: plugin.manager.store, manager: plugin.manager, children: item.props.children, wrapperResolve: region.wrapperResolve, rendererName: info.renderer.name })))
-                                });
-                            }
-                        }
-                        return item;
-                    });
+          }]
+        }, amisEditorCore.getSchemaTpl('status'), {
+          title: i18nRuntime.i18n("dfac151de712ab0b3618072c8a7f0a0f"),
+          body: [{
+            type: 'ae-formulaControl',
+            label: amisEditorCore.tipedLabel(i18nRuntime.i18n("45a4922d3f42d0b137c6845c4c77031f"), i18nRuntime.i18n("acb839aac679bb34be9b4b49806b74a8")),
+            name: 'source'
+          }, amisEditorCore.getSchemaTpl('switch', {
+            name: 'mountOnEnter',
+            label: amisEditorCore.tipedLabel(i18nRuntime.i18n("5b9af1bc3012bb3c8e07b983b423ec17"), i18nRuntime.i18n("4bcecc15d16e8c851dc3d155b8f30929"))
+          }), amisEditorCore.getSchemaTpl('switch', {
+            name: 'unmountOnExit',
+            label: amisEditorCore.tipedLabel(i18nRuntime.i18n("12c6a62683d63e404d71a31c9cb5209c"), i18nRuntime.i18n("5b52bcb62a2e1dab99ef841b05395b6d"))
+          })]
+        }])
+      }, {
+        title: i18nRuntime.i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+        body: [amisEditorCore.getSchemaTpl('collapseGroup', [{
+          title: i18nRuntime.i18n("4092ed98e9035652d4c9ca9441701ed7"),
+          body: [{
+            name: 'tabsMode',
+            label: i18nRuntime.i18n("39003734d1d700d5bd97bf1e7a2fcf73"),
+            type: 'select',
+            options: [{
+              label: i18nRuntime.i18n("18c63459a2c069022c7790430f761214"),
+              value: ''
+            }, {
+              label: i18nRuntime.i18n("ecfcea4b381d761fecd512761bc07954"),
+              value: 'line'
+            }, {
+              label: i18nRuntime.i18n("b30f254eccefa14c9980235bcbec74f9"),
+              value: 'simple'
+            }, {
+              label: i18nRuntime.i18n("3d7443aeba7c8eaf1cbb42ad5232fa10"),
+              value: 'strong'
+            }, {
+              label: i18nRuntime.i18n("d87f215d9ac688b1d3399bf575a0ef6f"),
+              value: 'card'
+            }, {
+              label: i18nRuntime.i18n("ee5e5a588705699a51eb3c5778c3020a"),
+              value: 'chrome'
+            }, {
+              label: i18nRuntime.i18n("c5b8044dacf2e63931d85e5e307a9168"),
+              value: 'tiled'
+            }, {
+              label: i18nRuntime.i18n("22d18bf0c476ebe7aa9303108677ff2e"),
+              value: 'radio'
+            }, {
+              label: i18nRuntime.i18n("75ac842f8e77305846f1d776f97dfaf8"),
+              value: 'vertical'
+            }, {
+              label: i18nRuntime.i18n("5bff38cb05e3710a0c0cb16ed3ced78f"),
+              value: 'sidebar'
+            }],
+            pipeIn: amisEditorCore.defaultValue('')
+          }, amisEditorCore.getSchemaTpl('horizontal-align', {
+            label: i18nRuntime.i18n("593c1c61592f80831f58b2e44cfe63fa"),
+            name: 'sidePosition',
+            pipeIn: amisEditorCore.defaultValue('left'),
+            visibleOn: 'data.tabsMode === "sidebar"',
+            clearValueOnHidden: true
+          })]
+        }, amisEditorCore.getSchemaTpl('style:classNames', {
+          isFormItem: false,
+          schema: [amisEditorCore.getSchemaTpl('className', {
+            name: 'linksClassName',
+            label: i18nRuntime.i18n("030c8cb75e9707285b28c4931bfeddc5")
+          }), amisEditorCore.getSchemaTpl('className', {
+            name: 'toolbarClassName',
+            label: i18nRuntime.i18n("012f602372cd2dbd639cd966c63e1f90")
+          }), amisEditorCore.getSchemaTpl('className', {
+            name: 'contentClassName',
+            label: i18nRuntime.i18n("132a78bdf68d6d17bde00aa807bbf032")
+          }), amisEditorCore.getSchemaTpl('className', {
+            name: 'showTipClassName',
+            label: i18nRuntime.i18n("02d9819ddaaaeb1b7b22b12608c7e5ca"),
+            visibleOn: 'data.showTip',
+            clearValueOnHidden: true
+          })]
+        })])]
+      }, {
+        title: i18nRuntime.i18n("10b2761db5a8e089049df39675abc550"),
+        className: 'p-none',
+        body: [amisEditorCore.getSchemaTpl('eventControl', tslib.__assign({
+          name: 'onEvent'
+        }, helper.getEventControlConfig(_this.manager, context)))]
+      }]);
+    };
+
+    _this.patchContainers = ['tabs.body'];
+    _this.vRendererConfig = {
+      regions: {
+        body: {
+          key: 'body',
+          label: i18nRuntime.i18n("132a78bdf68d6d17bde00aa807bbf032")
+        }
+      },
+      panelTitle: i18nRuntime.i18n("d87f215d9ac688b1d3399bf575a0ef6f"),
+      panelJustify: true,
+      panelBodyCreator: function (context) {
+        return amisEditorCore.getSchemaTpl('tabs', [{
+          title: i18nRuntime.i18n("24d67862f87f439db7ca957aecb77cce"),
+          body: amisEditorCore.getSchemaTpl('collapseGroup', [{
+            title: i18nRuntime.i18n("4092ed98e9035652d4c9ca9441701ed7"),
+            body: [{
+              name: 'title',
+              label: i18nRuntime.i18n("32c65d8d7431e76029678ec7bb73a5ab"),
+              type: 'input-text',
+              required: true
+            }, {
+              type: 'ae-switch-more',
+              formType: 'extend',
+              mode: 'normal',
+              label: i18nRuntime.i18n("32b4bc87bf7f95cd6094992f0135ff7f"),
+              form: {
+                body: [amisEditorCore.getSchemaTpl('icon'), amisEditorCore.getSchemaTpl('horizontal-align', {
+                  label: i18nRuntime.i18n("d4d2a66820d30e07b44c850eb3f116c0"),
+                  name: 'iconPosition',
+                  pipeIn: amisEditorCore.defaultValue('left'),
+                  visibleOn: 'data.icon',
+                  clearValueOnHidden: true
+                })]
+              }
+            }, {
+              label: amisEditorCore.tipedLabel('Hash', i18nRuntime.i18n("996a919888ae86e842c76245daae2360")),
+              name: 'hash',
+              type: 'input-text'
+            }]
+          }, amisEditorCore.getSchemaTpl('status', {
+            disabled: true
+          }), {
+            title: i18nRuntime.i18n("dfac151de712ab0b3618072c8a7f0a0f"),
+            body: [amisEditorCore.getSchemaTpl('switch', {
+              name: 'mountOnEnter',
+              label: amisEditorCore.tipedLabel(i18nRuntime.i18n("f3051dd9b3538e170322fd5224b28de0"), i18nRuntime.i18n("ee51f2d49fa12c730d2a0efef0d67e44")),
+              visibleOn: '!this.reload',
+              clearValueOnHidden: true
+            }), amisEditorCore.getSchemaTpl('switch', {
+              name: 'unmountOnExit',
+              label: amisEditorCore.tipedLabel(i18nRuntime.i18n("024f24defb08c5c9d463a2668cbb9802"), i18nRuntime.i18n("370bb4d6806c88a7df2ac17ca2a7b6a6")),
+              visibleOn: '!this.reload',
+              clearValueOnHidden: true
+            })]
+          }])
+        }, {
+          title: i18nRuntime.i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+          body: amisEditorCore.getSchemaTpl('collapseGroup', [amisEditorCore.getSchemaTpl('style:classNames', {
+            isFormItem: false
+          })])
+        }]);
+      }
+    };
+    _this.wrapperProps = {
+      unmountOnExit: true,
+      mountOnEnter: true
+    };
+
+    _this.tabWrapperResolve = function (dom) {
+      return dom.parentElement;
+    };
+
+    _this.overrides = {
+      renderTabs: function () {
+        var _this = this;
+
+        var dom = this.super();
+
+        if (!this.renderTab && this.props.$$editor && dom) {
+          var tabs_1 = this.props.tabs;
+          return amisEditorCore.mapReactElement(dom, function (item) {
+            var _a, _b;
+
+            if (item.type === amis.Tab && item.props.$$id) {
+              var id_1 = item.props.$$id;
+              var index = findIndex__default["default"](tabs_1, function (tab) {
+                return tab.$$id === id_1;
+              });
+              var info = _this.props.$$editor;
+              var plugin = info.plugin;
+
+              if (~index) {
+                var region = (_b = (_a = plugin.vRendererConfig) === null || _a === void 0 ? void 0 : _a.regions) === null || _b === void 0 ? void 0 : _b.body;
+
+                if (!region) {
+                  return item;
                 }
-                return dom;
+
+                return React__default["default"].cloneElement(item, {
+                  children: React__default["default"].createElement(amisEditorCore.VRenderer, {
+                    key: id_1,
+                    type: info.type,
+                    plugin: info.plugin,
+                    renderer: info.renderer,
+                    "$schema": "/schemas/TabSchema.json",
+                    hostId: info.id,
+                    memberIndex: index,
+                    name: "".concat(item.props.title || "\u5361\u7247".concat(index + 1)),
+                    id: id_1,
+                    draggable: false,
+                    wrapperResolve: plugin.tabWrapperResolve,
+                    schemaPath: "".concat(info.schemaPath, "/tabs/").concat(index),
+                    path: "".concat(_this.props.$path, "/").concat(index),
+                    data: _this.props.data
+                  }, React__default["default"].createElement(amisEditorCore.RegionWrapper, {
+                    key: region.key,
+                    preferTag: region.preferTag,
+                    name: region.key,
+                    label: region.label,
+                    regionConfig: region,
+                    placeholder: region.placeholder,
+                    editorStore: plugin.manager.store,
+                    manager: plugin.manager,
+                    children: item.props.children,
+                    wrapperResolve: region.wrapperResolve,
+                    rendererName: info.renderer.name
+                  }))
+                });
+              }
             }
-        };
-        return _this;
-    }
-    /**
-     * 补充切换的 toolbar
-     * @param context
-     * @param toolbars
-     */
-    TabsPlugin.prototype.buildEditorToolbar = function (context, toolbars) {
-        if (context.info.plugin === this &&
-            context.info.renderer.name === 'tabs' &&
-            !context.info.hostId) {
-            var node_1 = context.node;
-            toolbars.push({
-                level: 'secondary',
-                icon: 'fa fa-chevron-left',
-                tooltip: '上个卡片',
-                onClick: function () {
-                    var control = node_1.getComponent();
-                    if (control === null || control === void 0 ? void 0 : control.switchTo) {
-                        var currentIndex = control.currentIndex();
-                        control.switchTo(currentIndex - 1);
-                    }
-                }
-            });
-            toolbars.push({
-                level: 'secondary',
-                icon: 'fa fa-chevron-right',
-                tooltip: '下个卡片',
-                onClick: function () {
-                    var control = node_1.getComponent();
-                    if (control === null || control === void 0 ? void 0 : control.switchTo) {
-                        var currentIndex = control.currentIndex();
-                        control.switchTo(currentIndex + 1);
-                    }
-                }
-            });
+
+            return item;
+          });
         }
+
+        return dom;
+      }
     };
-    TabsPlugin.prototype.onPreventClick = function (e) {
-        var mouseEvent = e.context.data;
-        if (mouseEvent.defaultPrevented) {
-            return false;
+    return _this;
+  }
+  /**
+   * 补充切换的 toolbar
+   * @param context
+   * @param toolbars
+   */
+
+
+  TabsPlugin.prototype.buildEditorToolbar = function (context, toolbars) {
+    if (context.info.plugin === this && context.info.renderer.name === 'tabs' && !context.info.hostId) {
+      var node_1 = context.node;
+      toolbars.push({
+        level: 'secondary',
+        icon: 'fa fa-chevron-left',
+        tooltip: i18nRuntime.i18n("ad5a36ee5f4054594c30b6dc481e2d81"),
+        onClick: function () {
+          var control = node_1.getComponent();
+
+          if (control === null || control === void 0 ? void 0 : control.switchTo) {
+            var currentIndex = control.currentIndex();
+            control.switchTo(currentIndex - 1);
+          }
         }
-        else if (mouseEvent.target.closest('[role=tablist]>li')) {
-            return false;
+      });
+      toolbars.push({
+        level: 'secondary',
+        icon: 'fa fa-chevron-right',
+        tooltip: i18nRuntime.i18n("49e0f68798e3c69b7990076bd8f1f47f"),
+        onClick: function () {
+          var control = node_1.getComponent();
+
+          if (control === null || control === void 0 ? void 0 : control.switchTo) {
+            var currentIndex = control.currentIndex();
+            control.switchTo(currentIndex + 1);
+          }
         }
-        return;
-    };
-    return TabsPlugin;
-}(AMisCodeEditor.BasePlugin));
-AMisCodeEditor.registerEditorPlugin(TabsPlugin);
+      });
+    }
+  };
+
+  TabsPlugin.prototype.onPreventClick = function (e) {
+    var mouseEvent = e.context.data;
+
+    if (mouseEvent.defaultPrevented) {
+      return false;
+    } else if (mouseEvent.target.closest('[role=tablist]>li')) {
+      return false;
+    }
+
+    return;
+  };
+
+  return TabsPlugin;
+}(amisEditorCore.BasePlugin);
+amisEditorCore.registerEditorPlugin(TabsPlugin);
 
 exports.TabsPlugin = TabsPlugin;