amis-editor 5.2.0-beta.2 → 5.2.1-beta.15

package/esm/plugin/Tabs.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.0-beta.2
+ * amis-editor v5.2.1-beta.15
  * Copyright 2018-2022 @fex
  */
 
@@ -11,351 +11,459 @@ import { Tab } from 'amis';
 import { getArgsWrapper, getEventControlConfig } from '../renderer/event-control/helper.js';
 import { i18n } from 'i18n-runtime';
 
-var TabsPlugin =
-/** @class */
-function (_super) {
+var TabsPlugin = /** @class */function (_super) {
   __extends(TabsPlugin, _super);
-
   function TabsPlugin() {
-    var _this = _super !== null && _super.apply(this, arguments) || this; // 关联渲染器名字
-
-
-    _this.rendererName = 'tabs';
-    _this.$schema = '/schemas/TabsSchema.json'; // 组件名称
-
-    _this.name = i18n("9377e388f7189d6103a3985a321115c8");
-    _this.isBaseComponent = true;
-    _this.description = i18n("a8b1273cb2d53ad858906ff9744a9891");
-    _this.docLink = '/amis/zh-CN/components/tabs';
-    _this.tags = [i18n("22c799040acdb2601b437ed5449de076")];
-    _this.icon = 'fa fa-folder-o';
-    _this.pluginIcon = 'tabs-plugin';
-    _this.scaffold = {
-      type: 'tabs',
-      tabs: [{
-        title: i18n("f78416dbd6c6a40a3ecd1c1f2b0672c8"),
-        body: i18n("9769ee568100b0c530a06ec3f0c0044d")
-      }, {
-        title: i18n("4be268145385303e8ebeb480458a380e"),
-        body: i18n("c50159e2acff0f4ffdce4c67ec3513a3")
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+    // 关联渲染器名字
+    Object.defineProperty(_this, "rendererName", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'tabs'
+    });
+    Object.defineProperty(_this, "$schema", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: '/schemas/TabsSchema.json'
+    });
+    // 组件名称
+    Object.defineProperty(_this, "name", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("9377e388f7189d6103a3985a321115c8")
+    });
+    Object.defineProperty(_this, "isBaseComponent", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: true
+    });
+    Object.defineProperty(_this, "description", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("a8b1273cb2d53ad858906ff9744a9891")
+    });
+    Object.defineProperty(_this, "docLink", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: '/amis/zh-CN/components/tabs'
+    });
+    Object.defineProperty(_this, "tags", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: [i18n("22c799040acdb2601b437ed5449de076")]
+    });
+    Object.defineProperty(_this, "icon", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'fa fa-folder-o'
+    });
+    Object.defineProperty(_this, "pluginIcon", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'tabs-plugin'
+    });
+    Object.defineProperty(_this, "scaffold", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: {
+        type: 'tabs',
+        tabs: [{
+          title: i18n("f78416dbd6c6a40a3ecd1c1f2b0672c8"),
+          body: i18n("9769ee568100b0c530a06ec3f0c0044d")
+        }, {
+          title: i18n("4be268145385303e8ebeb480458a380e"),
+          body: i18n("c50159e2acff0f4ffdce4c67ec3513a3")
+        }]
+      }
+    });
+    Object.defineProperty(_this, "previewSchema", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: __assign({}, _this.scaffold)
+    });
+    Object.defineProperty(_this, "notRenderFormZone", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: true
+    });
+    Object.defineProperty(_this, "regions", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: [{
+        key: 'toolbar',
+        label: i18n("012f602372cd2dbd639cd966c63e1f90"),
+        preferTag: i18n("027446c2f9070b0f5b16a18208bf5fc7")
       }]
-    };
-    _this.previewSchema = __assign({}, _this.scaffold);
-    _this.notRenderFormZone = true;
-    _this.regions = [{
-      key: 'toolbar',
-      label: i18n("012f602372cd2dbd639cd966c63e1f90"),
-      preferTag: i18n("027446c2f9070b0f5b16a18208bf5fc7")
-    }];
-    _this.panelTitle = i18n("9377e388f7189d6103a3985a321115c8");
-    _this.events = [{
-      eventName: 'change',
-      eventLabel: i18n("e1112a529dc969a03bbbb409905ff2ec"),
-      description: i18n("e1112a529dc969a03bbbb409905ff2ec"),
-      dataSchema: [{
-        type: 'object',
-        properties: {
-          'event.data.value': {
-            type: 'string',
-            title: i18n("b04c6cf9cb1212b9c173ddfeec129028")
+    });
+    Object.defineProperty(_this, "panelTitle", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("9377e388f7189d6103a3985a321115c8")
+    });
+    Object.defineProperty(_this, "events", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: [{
+        eventName: 'change',
+        eventLabel: i18n("e1112a529dc969a03bbbb409905ff2ec"),
+        description: i18n("e1112a529dc969a03bbbb409905ff2ec"),
+        dataSchema: [{
+          type: 'object',
+          properties: {
+            'event.data.value': {
+              type: 'string',
+              title: i18n("b04c6cf9cb1212b9c173ddfeec129028")
+            }
           }
-        }
+        }]
       }]
-    }];
-    _this.actions = [{
-      actionType: 'changeActiveKey',
-      actionLabel: i18n("c8794c58d0eb020ca40905d1904d88b2"),
-      description: i18n("fcd3abb110aab48ebd0ac2a1d7040d6d"),
-      config: ['activeKey'],
-      desc: function (info) {
-        var _a;
-
-        return React__default.createElement("div", null, React__default.createElement("span", {
-          className: "variable-right"
-        }, info === null || info === void 0 ? void 0 : info.__rendererLabel), "\u6FC0\u6D3B\u7B2C", React__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: getArgsWrapper({
-        type: 'input-formula',
-        variables: '${variables}',
-        evalMode: false,
-        variableMode: 'tabs',
-        label: 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 getSchemaTpl('tabs', [{
-        title: i18n("24d67862f87f439db7ca957aecb77cce"),
-        body: getSchemaTpl('collapseGroup', [{
-          title: i18n("4092ed98e9035652d4c9ca9441701ed7"),
-          body: [getSchemaTpl('combo-container', {
-            type: 'combo',
-            label: i18n("9377e388f7189d6103a3985a321115c8"),
-            mode: 'normal',
-            name: 'tabs',
-            draggableTip: '',
-            draggable: true,
-            multiple: true,
-            minLength: 1,
-            scaffold: {
-              title: i18n("9377e388f7189d6103a3985a321115c8"),
-              body: {
-                type: 'tpl',
-                tpl: i18n("2d711b09bd0db0ad240cc83b30dd8014"),
-                inline: false
-              }
-            },
-            items: [{
-              type: 'input-text',
-              name: 'title',
-              required: true
-            }]
-          }), getSchemaTpl('switch', {
-            name: 'showTip',
-            label: tipedLabel(i18n("3ba265c6b63bde0319822afd6b9a649d"), i18n("b744b72fd649d904e561358fc26c455f")),
-            visibleOn: isNewTabMode,
-            clearValueOnHidden: true
-          }), {
-            label: tipedLabel(i18n("6e7fe62a865cb9ae90e52f85f4c6b8a0"), i18n("a8986713e2b83c9ecafe5b107c09b68e")),
-            type: 'input-text',
-            name: 'activeKey',
-            pipeOut: function (data) {
-              return data === '' || isNaN(Number(data)) ? data : Number(data);
-            }
-          }]
-        }, getSchemaTpl('status'), {
-          title: i18n("dfac151de712ab0b3618072c8a7f0a0f"),
-          body: [{
-            type: 'ae-formulaControl',
-            label: tipedLabel(i18n("45a4922d3f42d0b137c6845c4c77031f"), i18n("acb839aac679bb34be9b4b49806b74a8")),
-            name: 'source'
-          }, getSchemaTpl('switch', {
-            name: 'mountOnEnter',
-            label: tipedLabel(i18n("5b9af1bc3012bb3c8e07b983b423ec17"), i18n("4bcecc15d16e8c851dc3d155b8f30929"))
-          }), getSchemaTpl('switch', {
-            name: 'unmountOnExit',
-            label: tipedLabel(i18n("12c6a62683d63e404d71a31c9cb5209c"), i18n("5b52bcb62a2e1dab99ef841b05395b6d"))
-          })]
-        }])
-      }, {
-        title: i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
-        body: [getSchemaTpl('collapseGroup', [{
-          title: i18n("4092ed98e9035652d4c9ca9441701ed7"),
-          body: [{
-            name: 'tabsMode',
-            label: i18n("39003734d1d700d5bd97bf1e7a2fcf73"),
-            type: 'select',
-            options: [{
-              label: i18n("18c63459a2c069022c7790430f761214"),
-              value: ''
-            }, {
-              label: i18n("ecfcea4b381d761fecd512761bc07954"),
-              value: 'line'
-            }, {
-              label: i18n("b30f254eccefa14c9980235bcbec74f9"),
-              value: 'simple'
-            }, {
-              label: i18n("3d7443aeba7c8eaf1cbb42ad5232fa10"),
-              value: 'strong'
-            }, {
-              label: i18n("d87f215d9ac688b1d3399bf575a0ef6f"),
-              value: 'card'
-            }, {
-              label: i18n("ee5e5a588705699a51eb3c5778c3020a"),
-              value: 'chrome'
-            }, {
-              label: i18n("c5b8044dacf2e63931d85e5e307a9168"),
-              value: 'tiled'
-            }, {
-              label: i18n("22d18bf0c476ebe7aa9303108677ff2e"),
-              value: 'radio'
-            }, {
-              label: i18n("75ac842f8e77305846f1d776f97dfaf8"),
-              value: 'vertical'
-            }, {
-              label: i18n("5bff38cb05e3710a0c0cb16ed3ced78f"),
-              value: 'sidebar'
-            }],
-            pipeIn: defaultValue('')
-          }, getSchemaTpl('horizontal-align', {
-            label: i18n("593c1c61592f80831f58b2e44cfe63fa"),
-            name: 'sidePosition',
-            pipeIn: defaultValue('left'),
-            visibleOn: 'data.tabsMode === "sidebar"',
-            clearValueOnHidden: true
-          })]
-        }, getSchemaTpl('style:classNames', {
-          isFormItem: false,
-          schema: [getSchemaTpl('className', {
-            name: 'linksClassName',
-            label: i18n("030c8cb75e9707285b28c4931bfeddc5")
-          }), getSchemaTpl('className', {
-            name: 'toolbarClassName',
-            label: i18n("012f602372cd2dbd639cd966c63e1f90")
-          }), getSchemaTpl('className', {
-            name: 'contentClassName',
-            label: i18n("132a78bdf68d6d17bde00aa807bbf032")
-          }), getSchemaTpl('className', {
-            name: 'showTipClassName',
-            label: i18n("02d9819ddaaaeb1b7b22b12608c7e5ca"),
-            visibleOn: 'data.showTip',
-            clearValueOnHidden: true
-          })]
-        })])]
-      }, {
-        title: i18n("10b2761db5a8e089049df39675abc550"),
-        className: 'p-none',
-        body: [getSchemaTpl('eventControl', __assign({
-          name: 'onEvent'
-        }, getEventControlConfig(_this.manager, context)))]
-      }]);
-    };
-
-    _this.patchContainers = ['tabs.body'];
-    _this.vRendererConfig = {
-      regions: {
-        body: {
-          key: 'body',
-          label: i18n("132a78bdf68d6d17bde00aa807bbf032")
+    });
+    Object.defineProperty(_this, "actions", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: [{
+        actionType: 'changeActiveKey',
+        actionLabel: i18n("7bb3e24cc54f4b8ee0a65d14fa4c067c"),
+        description: i18n("fcd3abb110aab48ebd0ac2a1d7040d6d"),
+        config: ['activeKey'],
+        descDetail: function (info) {
+          var _a;
+          return React__default.createElement("div", null, "\u6FC0\u6D3B\u7B2C", React__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: getArgsWrapper(
+        /*
+        {
+          type: 'input-formula',
+          variables: '${variables}',
+          evalMode: false,
+          variableMode: 'tabs',
+          label: '激活项',
+          size: 'lg',
+          name: 'activeKey',
+          mode: 'horizontal'
         }
-      },
-      panelTitle: i18n("d87f215d9ac688b1d3399bf575a0ef6f"),
-      panelJustify: true,
-      panelBodyCreator: function (context) {
+        */
+        {
+          name: 'activeKey',
+          label: i18n("9578012b7d75a3a47c76acc176caf403"),
+          type: 'ae-formulaControl',
+          variables: '${variables}',
+          size: 'lg',
+          mode: 'horizontal'
+        })
+      }]
+    });
+    Object.defineProperty(_this, "panelJustify", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: true
+    });
+    Object.defineProperty(_this, "panelBodyCreator", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: function (context) {
+        var isNewTabMode = 'data.tabsMode !=="vertical" && data.tabsMode !=="sidebar" && data.tabsMode !=="chrome"';
         return getSchemaTpl('tabs', [{
           title: i18n("24d67862f87f439db7ca957aecb77cce"),
           body: getSchemaTpl('collapseGroup', [{
             title: i18n("4092ed98e9035652d4c9ca9441701ed7"),
-            body: [{
-              name: 'title',
-              label: i18n("32c65d8d7431e76029678ec7bb73a5ab"),
-              type: 'input-text',
-              required: true
-            }, {
-              type: 'ae-switch-more',
-              formType: 'extend',
+            body: [getSchemaTpl('combo-container', {
+              type: 'combo',
+              label: i18n("9377e388f7189d6103a3985a321115c8"),
               mode: 'normal',
-              label: i18n("32b4bc87bf7f95cd6094992f0135ff7f"),
-              form: {
-                body: [getSchemaTpl('icon'), getSchemaTpl('horizontal-align', {
-                  label: i18n("d4d2a66820d30e07b44c850eb3f116c0"),
-                  name: 'iconPosition',
-                  pipeIn: defaultValue('left'),
-                  visibleOn: 'data.icon',
-                  clearValueOnHidden: true
-                })]
+              name: 'tabs',
+              draggableTip: '',
+              draggable: true,
+              multiple: true,
+              minLength: 1,
+              scaffold: {
+                title: i18n("9377e388f7189d6103a3985a321115c8"),
+                body: {
+                  type: 'tpl',
+                  tpl: i18n("2d711b09bd0db0ad240cc83b30dd8014"),
+                  inline: false
+                }
+              },
+              items: [{
+                type: 'input-text',
+                name: 'title',
+                required: true
+              }]
+            }), getSchemaTpl('switch', {
+              name: 'showTip',
+              label: tipedLabel(i18n("3ba265c6b63bde0319822afd6b9a649d"), i18n("b744b72fd649d904e561358fc26c455f")),
+              visibleOn: isNewTabMode,
+              clearValueOnHidden: true
+            }), {
+              label: tipedLabel(i18n("6e7fe62a865cb9ae90e52f85f4c6b8a0"), i18n("a8986713e2b83c9ecafe5b107c09b68e")),
+              type: 'input-text',
+              name: 'activeKey',
+              pipeOut: function (data) {
+                return data === '' || isNaN(Number(data)) ? data : Number(data);
               }
-            }, {
-              label: tipedLabel('Hash', i18n("996a919888ae86e842c76245daae2360")),
-              name: 'hash',
-              type: 'input-text'
             }]
-          }, getSchemaTpl('status', {
-            disabled: true
-          }), {
+          }, getSchemaTpl('status'), {
             title: i18n("dfac151de712ab0b3618072c8a7f0a0f"),
-            body: [getSchemaTpl('switch', {
+            body: [{
+              type: 'ae-expressionFormulaControl',
+              evalMode: true,
+              label: tipedLabel(i18n("45a4922d3f42d0b137c6845c4c77031f"), i18n("eadd1d64cd6ceb2c50554281cd2d3be0")),
+              name: 'source'
+            }, getSchemaTpl('switch', {
               name: 'mountOnEnter',
-              label: tipedLabel(i18n("f3051dd9b3538e170322fd5224b28de0"), i18n("ee51f2d49fa12c730d2a0efef0d67e44")),
-              visibleOn: '!this.reload',
-              clearValueOnHidden: true
+              label: tipedLabel(i18n("5b9af1bc3012bb3c8e07b983b423ec17"), i18n("4bcecc15d16e8c851dc3d155b8f30929"))
             }), getSchemaTpl('switch', {
               name: 'unmountOnExit',
-              label: tipedLabel(i18n("024f24defb08c5c9d463a2668cbb9802"), i18n("370bb4d6806c88a7df2ac17ca2a7b6a6")),
-              visibleOn: '!this.reload',
-              clearValueOnHidden: true
+              label: tipedLabel(i18n("12c6a62683d63e404d71a31c9cb5209c"), i18n("5b52bcb62a2e1dab99ef841b05395b6d"))
             })]
           }])
         }, {
           title: i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
-          body: getSchemaTpl('collapseGroup', [getSchemaTpl('style:classNames', {
-            isFormItem: false
-          })])
+          body: [getSchemaTpl('collapseGroup', [{
+            title: i18n("4092ed98e9035652d4c9ca9441701ed7"),
+            body: [{
+              name: 'tabsMode',
+              label: i18n("39003734d1d700d5bd97bf1e7a2fcf73"),
+              type: 'select',
+              options: [{
+                label: i18n("18c63459a2c069022c7790430f761214"),
+                value: ''
+              }, {
+                label: i18n("ecfcea4b381d761fecd512761bc07954"),
+                value: 'line'
+              }, {
+                label: i18n("b30f254eccefa14c9980235bcbec74f9"),
+                value: 'simple'
+              }, {
+                label: i18n("3d7443aeba7c8eaf1cbb42ad5232fa10"),
+                value: 'strong'
+              }, {
+                label: i18n("d87f215d9ac688b1d3399bf575a0ef6f"),
+                value: 'card'
+              }, {
+                label: i18n("ee5e5a588705699a51eb3c5778c3020a"),
+                value: 'chrome'
+              }, {
+                label: i18n("c5b8044dacf2e63931d85e5e307a9168"),
+                value: 'tiled'
+              }, {
+                label: i18n("22d18bf0c476ebe7aa9303108677ff2e"),
+                value: 'radio'
+              }, {
+                label: i18n("75ac842f8e77305846f1d776f97dfaf8"),
+                value: 'vertical'
+              }, {
+                label: i18n("5bff38cb05e3710a0c0cb16ed3ced78f"),
+                value: 'sidebar'
+              }],
+              pipeIn: defaultValue('')
+            }, getSchemaTpl('horizontal-align', {
+              label: i18n("593c1c61592f80831f58b2e44cfe63fa"),
+              name: 'sidePosition',
+              pipeIn: defaultValue('left'),
+              visibleOn: 'data.tabsMode === "sidebar"',
+              clearValueOnHidden: true
+            })]
+          }, getSchemaTpl('style:classNames', {
+            isFormItem: false,
+            schema: [getSchemaTpl('className', {
+              name: 'linksClassName',
+              label: i18n("030c8cb75e9707285b28c4931bfeddc5")
+            }), getSchemaTpl('className', {
+              name: 'toolbarClassName',
+              label: i18n("012f602372cd2dbd639cd966c63e1f90")
+            }), getSchemaTpl('className', {
+              name: 'contentClassName',
+              label: i18n("132a78bdf68d6d17bde00aa807bbf032")
+            }), getSchemaTpl('className', {
+              name: 'showTipClassName',
+              label: i18n("02d9819ddaaaeb1b7b22b12608c7e5ca"),
+              visibleOn: 'data.showTip',
+              clearValueOnHidden: true
+            })]
+          })])]
+        }, {
+          title: i18n("10b2761db5a8e089049df39675abc550"),
+          className: 'p-none',
+          body: [getSchemaTpl('eventControl', __assign({
+            name: 'onEvent'
+          }, getEventControlConfig(_this.manager, context)))]
         }]);
       }
-    };
-    _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 mapReactElement(dom, function (item) {
-            var _a, _b;
-
-            if (item.type === Tab && item.props.$$id) {
-              var id_1 = item.props.$$id;
-              var index = findIndex(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;
+    });
+    Object.defineProperty(_this, "patchContainers", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: ['tabs.body']
+    });
+    Object.defineProperty(_this, "vRendererConfig", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: {
+        regions: {
+          body: {
+            key: 'body',
+            label: i18n("132a78bdf68d6d17bde00aa807bbf032")
+          }
+        },
+        panelTitle: i18n("d87f215d9ac688b1d3399bf575a0ef6f"),
+        panelJustify: true,
+        panelBodyCreator: function (context) {
+          return getSchemaTpl('tabs', [{
+            title: i18n("24d67862f87f439db7ca957aecb77cce"),
+            body: getSchemaTpl('collapseGroup', [{
+              title: i18n("4092ed98e9035652d4c9ca9441701ed7"),
+              body: [{
+                name: 'title',
+                label: i18n("32c65d8d7431e76029678ec7bb73a5ab"),
+                type: 'input-text',
+                required: true
+              }, {
+                type: 'ae-switch-more',
+                formType: 'extend',
+                mode: 'normal',
+                label: i18n("32b4bc87bf7f95cd6094992f0135ff7f"),
+                form: {
+                  body: [getSchemaTpl('icon'), getSchemaTpl('horizontal-align', {
+                    label: i18n("d4d2a66820d30e07b44c850eb3f116c0"),
+                    name: 'iconPosition',
+                    pipeIn: defaultValue('left'),
+                    visibleOn: 'data.icon',
+                    clearValueOnHidden: true
+                  })]
                 }
-
-                return React__default.cloneElement(item, {
-                  children: React__default.createElement(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.createElement(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
-                  }))
+              }, {
+                label: tipedLabel('Hash', i18n("996a919888ae86e842c76245daae2360")),
+                name: 'hash',
+                type: 'input-text'
+              }]
+            }, getSchemaTpl('status', {
+              disabled: true
+            }), {
+              title: i18n("dfac151de712ab0b3618072c8a7f0a0f"),
+              body: [getSchemaTpl('switch', {
+                name: 'mountOnEnter',
+                label: tipedLabel(i18n("f3051dd9b3538e170322fd5224b28de0"), i18n("ee51f2d49fa12c730d2a0efef0d67e44")),
+                visibleOn: '!this.reload',
+                clearValueOnHidden: true
+              }), getSchemaTpl('switch', {
+                name: 'unmountOnExit',
+                label: tipedLabel(i18n("024f24defb08c5c9d463a2668cbb9802"), i18n("370bb4d6806c88a7df2ac17ca2a7b6a6")),
+                visibleOn: '!this.reload',
+                clearValueOnHidden: true
+              })]
+            }])
+          }, {
+            title: i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+            body: getSchemaTpl('collapseGroup', [getSchemaTpl('style:classNames', {
+              isFormItem: false
+            })])
+          }]);
+        }
+      }
+    });
+    Object.defineProperty(_this, "wrapperProps", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: {
+        unmountOnExit: true,
+        mountOnEnter: true
+      }
+    });
+    Object.defineProperty(_this, "tabWrapperResolve", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: function (dom) {
+        return dom.parentElement;
+      }
+    });
+    Object.defineProperty(_this, "overrides", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: {
+        renderTabs: function () {
+          var _this = this;
+          var dom = this.super();
+          if (!this.renderTab && this.props.$$editor && dom) {
+            var tabs_1 = this.props.tabs;
+            return mapReactElement(dom, function (item) {
+              var _a, _b;
+              if (item.type === Tab && item.props.$$id) {
+                var id_1 = item.props.$$id;
+                var index = findIndex(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.cloneElement(item, {
+                    children: React__default.createElement(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.createElement(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;
-          });
+              return item;
+            });
+          }
+          return dom;
         }
-
-        return dom;
       }
-    };
+    });
     return _this;
   }
   /**
@@ -363,52 +471,54 @@ function (_super) {
    * @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: 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);
+  Object.defineProperty(TabsPlugin.prototype, "buildEditorToolbar", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: 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: 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);
+            }
           }
-        }
-      });
-      toolbars.push({
-        level: 'secondary',
-        icon: 'fa fa-chevron-right',
-        tooltip: 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);
+        });
+        toolbars.push({
+          level: 'secondary',
+          icon: 'fa fa-chevron-right',
+          tooltip: 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);
+            }
           }
-        }
-      });
+        });
+      }
     }
-  };
-
-  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;
+  });
+  Object.defineProperty(TabsPlugin.prototype, "onPreventClick", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (e) {
+      var mouseEvent = e.context.data;
+      if (mouseEvent.defaultPrevented) {
+        return false;
+      } else if (mouseEvent.target.closest('[role=tablist]>li')) {
+        return false;
+      }
+      return;
     }
-
-    return;
-  };
-
+  });
   return TabsPlugin;
 }(BasePlugin);
 registerEditorPlugin(TabsPlugin);