amis-editor 5.2.0 → 5.2.1-beta.15

package/esm/plugin/Wizard.js

@@ -0,0 +1,864 @@
+/**
+ * amis-editor v5.2.1-beta.15
+ * Copyright 2018-2022 @fex
+ */
+
+import { __extends, __assign } from 'tslib';
+import { getSchemaTpl, defaultValue, mapReactElement, VRenderer, RegionWrapper, jsonToJsonSchema, BasePlugin, registerEditorPlugin } from 'amis-editor-core';
+import React__default from 'react';
+import { getArgsWrapper, getEventControlConfig } from '../renderer/event-control/helper.js';
+import { i18n } from 'i18n-runtime';
+
+var WizardPlugin = /** @class */function (_super) {
+  __extends(WizardPlugin, _super);
+  function WizardPlugin() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+    // 关联渲染器名字
+    Object.defineProperty(_this, "rendererName", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'wizard'
+    });
+    Object.defineProperty(_this, "$schema", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: '/schemas/WizardSchema.json'
+    });
+    Object.defineProperty(_this, "name", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("5acec91385a3b9093e3c803f6b0d869a")
+    });
+    Object.defineProperty(_this, "isBaseComponent", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: true
+    });
+    Object.defineProperty(_this, "description", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("c8c0339a6f9e105cfef45b76b788b635")
+    });
+    Object.defineProperty(_this, "docLink", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: '/amis/zh-CN/components/wizard'
+    });
+    Object.defineProperty(_this, "tags", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: [i18n("997c7a5d34f6fc628893f509d0df32e0")]
+    });
+    Object.defineProperty(_this, "icon", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'fa fa-list-ol'
+    });
+    Object.defineProperty(_this, "pluginIcon", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'wizard-plugin'
+    });
+    Object.defineProperty(_this, "scaffold", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: {
+        type: 'wizard',
+        steps: [{
+          title: i18n("863a8583132d087e57aebb7d89e18a50"),
+          body: [{
+            type: 'input-text',
+            label: i18n("97d07614380da93d257f9fbf81aa56fb"),
+            name: 'var1'
+          }]
+        }, {
+          title: i18n("9757f2c59c17e9aea46e0c8adb69597e"),
+          body: [{
+            type: 'input-text',
+            label: i18n("37dd6f28ffb87d8907a286e0ef4dc7fe"),
+            name: 'var2'
+          }]
+        }]
+      }
+    });
+    Object.defineProperty(_this, "previewSchema", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: {
+        type: 'wizard',
+        className: 'text-left m-b-none',
+        steps: [{
+          title: i18n("863a8583132d087e57aebb7d89e18a50"),
+          body: [{
+            type: 'input-text',
+            label: i18n("97d07614380da93d257f9fbf81aa56fb"),
+            name: 'var1'
+          }]
+        }, {
+          title: i18n("9757f2c59c17e9aea46e0c8adb69597e"),
+          body: []
+        }]
+      }
+    });
+    // 事件定义
+    Object.defineProperty(_this, "events", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: [{
+        eventName: 'inited',
+        eventLabel: i18n("9328b90ded33d16a873db5c0dbd815b8"),
+        description: i18n("f3b97bd71a77cca1e9288089a537cf3b"),
+        dataSchema: [{
+          type: 'object',
+          properties: {
+            'event.data': {
+              type: 'object',
+              title: i18n("9787088794f42c7e476cf7580f81447e")
+            }
+          }
+        }]
+      }, {
+        eventName: 'finished',
+        eventLabel: i18n("155149d24d20197bc0836bededf63abf"),
+        description: i18n("d384a3c931bdf315e4760c9fc5980e6d"),
+        dataSchema: [{
+          type: 'object',
+          properties: {
+            'event.data': {
+              type: 'object',
+              title: i18n("335d6c56c43204f9efcefe36f097d35a")
+            }
+          }
+        }]
+      }, {
+        eventName: 'stepChange',
+        eventLabel: i18n("5be9e21eb0797c9faa053eb0237c36f9"),
+        description: i18n("d837ddaacb39a13806590da335e89397"),
+        dataSchema: [{
+          type: 'object',
+          properties: {
+            'event.data.step': {
+              type: 'string',
+              title: i18n("02f706d7510e68c96aa073852d90ec20")
+            }
+          }
+        }]
+      }, {
+        eventName: 'change',
+        eventLabel: i18n("b2a5322c8dbc0d8343315cafbd39b7ce"),
+        description: i18n("d6fc04abf4889a864bea240d6b67963a"),
+        dataSchema: [{
+          type: 'object',
+          properties: {
+            'event.data': {
+              type: 'object',
+              title: i18n("66f1115691b0a3e434dd3e8a6e733730")
+            }
+          }
+        }]
+      }, {
+        eventName: 'submitSucc',
+        eventLabel: i18n("23b62e9cbc868e024b80d2e3fad80ac7"),
+        description: i18n("33c627bce8015c50152941a5b6fada32"),
+        dataSchema: [{
+          type: 'object',
+          properties: {
+            'event.data': {
+              type: 'object',
+              title: i18n("18344d8a27aa678e401d5e575d4efe99")
+            }
+          }
+        }]
+      }, {
+        eventName: 'submitFail',
+        eventLabel: i18n("f5d008dea7d2e953195a5588dea3c8e4"),
+        description: i18n("574f27f7223c86545a7724d18da96651"),
+        dataSchema: [{
+          type: 'object',
+          properties: {
+            'event.data.error': {
+              type: 'object',
+              title: i18n("17aa713bc661f98e585ec3725d6d4f0d")
+            }
+          }
+        }]
+      }, {
+        eventName: 'stepSubmitSucc',
+        eventLabel: i18n("8a427977d8135a019e4f1056120bfad2"),
+        description: i18n("d65dcca33a0118a0a5ce343264192ea6")
+      }, {
+        eventName: 'stepSubmitFail',
+        eventLabel: i18n("5d7d91d9da162ee8fddd4d331d1434b5"),
+        description: i18n("1c11d38e7ecf2facbf82f772d9222d45"),
+        dataSchema: [{
+          type: 'object',
+          properties: {
+            'event.data.error': {
+              type: 'object',
+              title: i18n("357954d848a9e2f12208673b3906a972")
+            }
+          }
+        }]
+      }]
+    });
+    // 动作定义
+    Object.defineProperty(_this, "actions", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: [{
+        actionType: 'submit',
+        actionLabel: i18n("d6c21651c32c63c8d61c85944c2c91af"),
+        description: i18n("75e3dc4be4ae7aca7e1cebc13f7e486a")
+      }, {
+        actionType: 'stepSubmit',
+        actionLabel: i18n("0c3005b490ef428660ca2265a714bdbb"),
+        description: i18n("832efcc5c30746b84b910cde8630d491"),
+        descDetail: function (info) {
+          return React__default.createElement("div", null, React__default.createElement("span", {
+            className: "variable-right"
+          }, info === null || info === void 0 ? void 0 : info.__rendererLabel), "\u63D0\u4EA4\u5F53\u524D\u6B65\u9AA4\u6570\u636E");
+        }
+      }, {
+        actionType: 'prev',
+        actionLabel: i18n("eeb6908870e058bc23d52c1e405a054e"),
+        description: i18n("fc5dbc5789e158384f634eb8ff466b46")
+      }, {
+        actionType: 'next',
+        actionLabel: i18n("38ce27d84639f3a6e07c00b3b4995c0e"),
+        description: i18n("832efcc5c30746b84b910cde8630d491")
+      }, {
+        actionType: 'goto-step',
+        actionLabel: i18n("5fa57cab26a9d4e659c2e497018729ef"),
+        description: i18n("fce22163929e8191b7de43699316f2a0"),
+        innerArgs: ['step'],
+        descDetail: 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), "\u5207\u6362\u5230\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.step), "\u6B65");
+        },
+        schema: getArgsWrapper([
+        /*
+        {
+          type: 'input-formula',
+          variables: '${variables}',
+          evalMode: false,
+          required: true,
+          variableMode: 'tabs',
+          label: '目标步骤',
+          size: 'lg',
+          name: 'step',
+          mode: 'horizontal'
+        }
+        */
+        {
+          name: 'step',
+          label: i18n("78ada959bf5bdd6c70ee411c4cf23601"),
+          type: 'ae-formulaControl',
+          variables: '${variables}',
+          size: 'lg',
+          mode: 'horizontal',
+          required: true
+        }])
+      }, {
+        actionType: 'reload',
+        actionLabel: i18n("64ca9bab920a2983bcf270320d850d00"),
+        description: i18n("9ef5597ac0b4da662bcd967da37eceb4")
+      }, {
+        actionType: 'setValue',
+        actionLabel: i18n("67b6bec14c39be3f2602271e2fe3bcde"),
+        description: i18n("0310aa5a05fe07147d8b7ef20616f659")
+      }]
+    });
+    Object.defineProperty(_this, "panelTitle", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("5acec91385a3b9093e3c803f6b0d869a")
+    });
+    Object.defineProperty(_this, "panelBodyCreator", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: function (context) {
+        return [getSchemaTpl('tabs', [{
+          title: i18n("22b777e6fcb613b8ba83ced9594cd07e"),
+          body: [{
+            name: 'steps',
+            label: i18n("098521c027a49fba5eb7f35430a6a9da"),
+            type: 'combo',
+            multiple: true,
+            multiLine: true,
+            addButtonText: i18n("c5538d5c74235d2988e51e632c4eed0b"),
+            scaffold: {
+              title: i18n("32c65d8d7431e76029678ec7bb73a5ab"),
+              items: [{
+                type: 'input-text',
+                name: 'var1',
+                label: i18n("97d07614380da93d257f9fbf81aa56fb")
+              }]
+            },
+            items: [{
+              name: 'title',
+              type: 'input-text',
+              label: i18n("32c65d8d7431e76029678ec7bb73a5ab"),
+              pipeIn: function (value, data) {
+                return value || data.label;
+              }
+            }, {
+              type: 'fieldSet',
+              title: i18n("dda36edbd4626e7fc868c14f9aa1556a"),
+              collapsed: true,
+              collapsable: true,
+              className: 'fieldset m-b-none',
+              body: [{
+                name: 'mode',
+                label: i18n("1fdadb49bcabfdc36a4a9e020f597f4d"),
+                type: 'button-group-select',
+                size: 'xs',
+                mode: 'inline',
+                className: 'w-full',
+                value: 'normal',
+                options: [{
+                  label: i18n("18c63459a2c069022c7790430f761214"),
+                  value: 'normal'
+                }, {
+                  label: i18n("3720b9ef8053b7b8a54c7d8ace051912"),
+                  value: 'horizontal'
+                }, {
+                  label: i18n("2dd25b8c21efbfee4a198787810d65d8"),
+                  value: 'inline'
+                }]
+              }, getSchemaTpl('horizontal', {
+                visibleOn: 'data.mode == "horizontal"'
+              }), getSchemaTpl('api', {
+                label: i18n("ff7cc75cc43c25c823d05d87cb8190b0"),
+                description: i18n("1fd41e410930ac58e748f7704c3a05f3")
+              }), getSchemaTpl('switch', {
+                label: i18n("dd1b9892e274b16540aeda961437870d"),
+                name: 'asyncApi',
+                visibleOn: 'data.api',
+                labelRemark: {
+                  trigger: 'click',
+                  rootClose: true,
+                  title: i18n("e638bd32b4342dfc7a15990a79f588ae"),
+                  content: i18n("6df230c8f18709575777172f0a9a588c"),
+                  placement: 'left'
+                },
+                pipeIn: function (value) {
+                  return value != null;
+                },
+                pipeOut: function (value) {
+                  return value ? '' : undefined;
+                }
+              }), getSchemaTpl('api', {
+                name: 'asyncApi',
+                label: i18n("daf3aec137ac74941adb1b1d3e3dd1d3"),
+                visibleOn: 'data.asyncApi != null',
+                description: i18n("0705e4aba9f22ae70d906e2201a4a68d")
+              }), {
+                type: 'divider'
+              }, getSchemaTpl('api', {
+                name: 'initApi',
+                label: i18n("b4bc91701b86fe8543d649e97daea602"),
+                description: i18n("258c437ef67e5ef12f3a766ff1802f85")
+              }), getSchemaTpl('switch', {
+                label: i18n("e8c46074d8432532cac25eba56bca354"),
+                name: 'initAsyncApi',
+                visibleOn: 'data.initApi',
+                labelRemark: {
+                  trigger: 'click',
+                  rootClose: true,
+                  title: i18n("e638bd32b4342dfc7a15990a79f588ae"),
+                  content: i18n("6df230c8f18709575777172f0a9a588c"),
+                  placement: 'left'
+                },
+                pipeIn: function (value) {
+                  return value != null;
+                },
+                pipeOut: function (value) {
+                  return value ? '' : undefined;
+                }
+              }), getSchemaTpl('api', {
+                name: 'initAsyncApi',
+                label: i18n("daf3aec137ac74941adb1b1d3e3dd1d3"),
+                visibleOn: 'data.initAsyncApi != null',
+                description: i18n("d2af24c0f76cf325f1c8fa939576c379")
+              }), getSchemaTpl('initFetch'), {
+                label: i18n("938b484df1447d8f01f96e45125eb031"),
+                type: 'input-text',
+                name: 'jumpableOn',
+                description: i18n("20022725ac2c53869f7af6646ca4ba29")
+              }]
+            }]
+          }, {
+            type: 'input-text',
+            name: 'startStep',
+            label: i18n("d4b8306441c00f01d4f044b3802c4266"),
+            description: i18n("37c0c041a0ad487d23c9f42c29f6d5e1")
+          }]
+        }, {
+          title: i18n("54ea89b497ec3bb319c68844dfa3687f"),
+          body: [getSchemaTpl('api', {
+            name: 'initApi',
+            label: i18n("b4bc91701b86fe8543d649e97daea602"),
+            description: i18n("076bd7c0adfc4f5d2abde6b309d9f53b")
+          }), getSchemaTpl('switch', {
+            label: i18n("e8c46074d8432532cac25eba56bca354"),
+            name: 'initAsyncApi',
+            visibleOn: 'data.initApi',
+            labelRemark: {
+              trigger: 'click',
+              rootClose: true,
+              title: i18n("e638bd32b4342dfc7a15990a79f588ae"),
+              content: i18n("6df230c8f18709575777172f0a9a588c"),
+              placement: 'left'
+            },
+            pipeIn: function (value) {
+              return value != null;
+            },
+            pipeOut: function (value) {
+              return value ? '' : undefined;
+            }
+          }), getSchemaTpl('api', {
+            name: 'initAsyncApi',
+            label: i18n("daf3aec137ac74941adb1b1d3e3dd1d3"),
+            visibleOn: 'data.initAsyncApi != null',
+            description: i18n("d2af24c0f76cf325f1c8fa939576c379")
+          }), {
+            name: 'initFetch',
+            type: 'radios',
+            label: i18n("0951dad1723aa1191ce1a2e96db76051"),
+            inline: true,
+            onChange: function () {},
+            options: [{
+              label: i18n("0a60ac8f02ccd2cf723f927284877851"),
+              value: true
+            }, {
+              label: i18n("c9744f45e76d885ae1c74d4f4a934b2e"),
+              value: false
+            }, {
+              label: i18n("a9400c408441f1f7f6d6954deb05ae9a"),
+              value: ''
+            }]
+          }, {
+            name: 'initFetch',
+            autoComplete: false,
+            visibleOn: 'typeof this.initFetch !== "boolean"',
+            type: 'input-text',
+            placeholder: '',
+            className: 'm-t-n-sm'
+          }, {
+            type: 'divider'
+          }, getSchemaTpl('api', {
+            label: i18n("ff7cc75cc43c25c823d05d87cb8190b0"),
+            description: i18n("dbb19fea1965f7ef88cf1d1e0450c0f4")
+          }), getSchemaTpl('switch', {
+            label: i18n("dd1b9892e274b16540aeda961437870d"),
+            name: 'asyncApi',
+            visibleOn: 'data.api',
+            labelRemark: {
+              trigger: 'click',
+              rootClose: true,
+              title: i18n("e638bd32b4342dfc7a15990a79f588ae"),
+              content: i18n("6df230c8f18709575777172f0a9a588c"),
+              placement: 'left'
+            },
+            pipeIn: function (value) {
+              return value != null;
+            },
+            pipeOut: function (value) {
+              return value ? '' : undefined;
+            }
+          }), getSchemaTpl('api', {
+            name: 'asyncApi',
+            label: i18n("daf3aec137ac74941adb1b1d3e3dd1d3"),
+            visibleOn: 'data.asyncApi != null',
+            description: i18n("0705e4aba9f22ae70d906e2201a4a68d")
+          })]
+        }, {
+          title: i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+          body: [{
+            name: 'mode',
+            label: i18n("1fdadb49bcabfdc36a4a9e020f597f4d"),
+            type: 'button-group-select',
+            size: 'sm',
+            mode: 'inline',
+            className: 'w-full',
+            value: 'horizontal',
+            options: [{
+              label: i18n("4cde06e6162ed66720e3133cb83bc059"),
+              value: 'horizontal'
+            }, {
+              label: i18n("75ac842f8e77305846f1d776f97dfaf8"),
+              value: 'vertical'
+            }]
+          }, {
+            name: 'actionPrevLabel',
+            label: i18n("0f04a65952b58cbbc5ca6cba868c3bec"),
+            type: 'input-text',
+            pipeIn: defaultValue(i18n("eeb6908870e058bc23d52c1e405a054e"))
+          }, {
+            name: 'actionNextLabel',
+            label: i18n("e54827ae56fcb690d879b9cdd29f0ac7"),
+            type: 'input-text',
+            pipeIn: defaultValue(i18n("38ce27d84639f3a6e07c00b3b4995c0e"))
+          }, {
+            name: 'actionNextSaveLabel',
+            label: i18n("abb7ba84b95c6c90341ac9c883fbc85b"),
+            type: 'input-text',
+            pipeIn: defaultValue(i18n("bed196af058f458def957031f88abd09"))
+          }, {
+            name: 'actionFinishLabel',
+            label: i18n("81b522590d543401ad15ae8a9155361d"),
+            type: 'input-text',
+            pipeIn: defaultValue(i18n("769d88e425e03120b83ee4ed6b9d588e"))
+          },
+          // {
+          //   type: 'alert',
+          //   level: 'info',
+          //   body: `温馨提示：操作按钮每个步骤可以单独配置，请在右侧切换到需要单独配置的步骤后，点击下方的【自定义按钮】定制。`
+          // },
+          getSchemaTpl('className'), getSchemaTpl('className', {
+            name: 'actionClassName',
+            label: i18n("89d19c1fda4906bd7a336895835ce20e")
+          })]
+        }, {
+          title: i18n("0d98c74797e49d00bcc4c17c9d557a2b"),
+          body: [getSchemaTpl('ref'), getSchemaTpl('name'), getSchemaTpl('reload'), {
+            label: i18n("7653297de32f34fdec0dd0653aebf358"),
+            name: 'redirect',
+            type: 'input-text',
+            description: i18n("6d00e21637c382cbd4d949b7735a2e41")
+          }, getSchemaTpl('visible')]
+        }, {
+          title: i18n("10b2761db5a8e089049df39675abc550"),
+          className: 'p-none',
+          body: [getSchemaTpl('eventControl', __assign({
+            name: 'onEvent'
+          }, getEventControlConfig(_this.manager, context)))]
+        }])];
+      }
+    });
+    Object.defineProperty(_this, "patchContainers", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: ['steps.body']
+    });
+    Object.defineProperty(_this, "vRendererConfig", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: {
+        regions: {
+          body: {
+            key: 'body',
+            label: i18n("3673ed1983c1be059126e3715fc34922"),
+            wrapperResolve: function (dom) {
+              return dom;
+            }
+          },
+          actions: {
+            label: i18n("c8caf94205105bac5833ab31cc2129d7"),
+            key: 'actions',
+            preferTag: i18n("fa966345577ba81af19408f203db968f"),
+            wrapperResolve: function (dom) {
+              return dom;
+            }
+          }
+        },
+        panelTitle: i18n("52b36576f88c31ed3971ca4d1fccd46f"),
+        panelBodyCreator: function (context) {
+          return getSchemaTpl('tabs', [{
+            title: i18n("22b777e6fcb613b8ba83ced9594cd07e"),
+            body: [{
+              name: 'title',
+              type: 'input-text',
+              label: i18n("32c65d8d7431e76029678ec7bb73a5ab"),
+              pipeIn: function (value, data) {
+                return value || data.label;
+              }
+            }, getSchemaTpl('api', {
+              label: i18n("ff7cc75cc43c25c823d05d87cb8190b0"),
+              description: i18n("1fd41e410930ac58e748f7704c3a05f3")
+            }), getSchemaTpl('switch', {
+              label: i18n("dd1b9892e274b16540aeda961437870d"),
+              name: 'asyncApi',
+              visibleOn: 'data.api',
+              labelRemark: {
+                trigger: 'click',
+                rootClose: true,
+                title: i18n("e638bd32b4342dfc7a15990a79f588ae"),
+                content: i18n("6df230c8f18709575777172f0a9a588c"),
+                placement: 'left'
+              },
+              pipeIn: function (value) {
+                return value != null;
+              },
+              pipeOut: function (value) {
+                return value ? '' : undefined;
+              }
+            }), getSchemaTpl('api', {
+              name: 'asyncApi',
+              label: i18n("daf3aec137ac74941adb1b1d3e3dd1d3"),
+              visibleOn: 'data.asyncApi != null',
+              description: i18n("0705e4aba9f22ae70d906e2201a4a68d")
+            }), {
+              type: 'divider'
+            }, getSchemaTpl('api', {
+              name: 'initApi',
+              label: i18n("b4bc91701b86fe8543d649e97daea602"),
+              description: i18n("258c437ef67e5ef12f3a766ff1802f85")
+            }), getSchemaTpl('switch', {
+              label: i18n("e8c46074d8432532cac25eba56bca354"),
+              name: 'initAsyncApi',
+              visibleOn: 'data.initApi',
+              labelRemark: {
+                trigger: 'click',
+                rootClose: true,
+                title: i18n("e638bd32b4342dfc7a15990a79f588ae"),
+                content: i18n("6df230c8f18709575777172f0a9a588c"),
+                placement: 'left'
+              },
+              pipeIn: function (value) {
+                return value != null;
+              },
+              pipeOut: function (value) {
+                return value ? '' : undefined;
+              }
+            }), getSchemaTpl('api', {
+              name: 'initAsyncApi',
+              label: i18n("daf3aec137ac74941adb1b1d3e3dd1d3"),
+              visibleOn: 'data.initAsyncApi != null',
+              description: i18n("d2af24c0f76cf325f1c8fa939576c379")
+            }), getSchemaTpl('initFetch')]
+          }, {
+            title: i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+            body: [{
+              name: 'mode',
+              label: i18n("1fdadb49bcabfdc36a4a9e020f597f4d"),
+              type: 'button-group-select',
+              size: 'xs',
+              mode: 'inline',
+              className: 'w-full',
+              value: 'normal',
+              options: [{
+                label: i18n("18c63459a2c069022c7790430f761214"),
+                value: 'normal'
+              }, {
+                label: i18n("3720b9ef8053b7b8a54c7d8ace051912"),
+                value: 'horizontal'
+              }, {
+                label: i18n("2dd25b8c21efbfee4a198787810d65d8"),
+                value: 'inline'
+              }]
+            }, getSchemaTpl('horizontal', {
+              visibleOn: 'data.mode == "horizontal"'
+            })
+            // getSchemaTpl('className', {
+            //   name: 'tabClassName',
+            //   label: '选项卡成员 CSS 类名'
+            // })
+            ]
+          }, {
+            title: i18n("0d98c74797e49d00bcc4c17c9d557a2b"),
+            body: [{
+              label: i18n("938b484df1447d8f01f96e45125eb031"),
+              type: 'input-text',
+              name: 'jumpableOn',
+              description: i18n("20022725ac2c53869f7af6646ca4ba29")
+            }]
+          }]);
+        }
+      }
+    });
+    Object.defineProperty(_this, "wizardWrapperResolve", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: function (dom) {
+        return [].slice.call(dom.querySelectorAll('[role="wizard-body"],[role="wizard-footer"]'));
+      }
+    });
+    Object.defineProperty(_this, "overrides", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: {
+        renderWizard: function () {
+          var _this = this;
+          var info = this.props.$$editor;
+          var steps = this.props.steps;
+          var currentStep = this.state.currentStep;
+          var dom = this.super();
+          if (!info || !(steps === null || steps === void 0 ? void 0 : steps[currentStep - 1])) {
+            return dom;
+          }
+          var index = currentStep - 1;
+          var step = steps[index];
+          var id = step.$$id;
+          var plugin = info.plugin;
+          return mapReactElement(dom, function (child) {
+            if (/Wizard-step\b/.test(child.props.className)) {
+              return React__default.createElement(VRenderer, {
+                key: id,
+                type: info.type,
+                plugin: info.plugin,
+                renderer: info.renderer,
+                "$schema": "/schemas/WizardStepSchema.json",
+                hostId: info.id,
+                memberIndex: index,
+                name: step.title || "\u6B65\u9AA4".concat(index + 1),
+                id: id,
+                draggable: false,
+                wrapperResolve: plugin.wizardWrapperResolve,
+                schemaPath: "".concat(info.schemaPath, "/steps/").concat(index),
+                path: "".concat(_this.props.$path, "/").concat(index),
+                data: _this.props.data
+              }, mapReactElement(child, function (child2, index) {
+                var _a, _b, _c;
+                if (((_a = child2.props.schema) === null || _a === void 0 ? void 0 : _a.body) && child2.props.schema.$$id) {
+                  var region = (_c = (_b = plugin.vRendererConfig) === null || _b === void 0 ? void 0 : _b.regions) === null || _c === void 0 ? void 0 : _c.body;
+                  if (!region) {
+                    return child2;
+                  }
+                  var schema = __assign({}, child2.props.schema);
+                  delete schema.$$id;
+                  return 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: React__default.cloneElement(child2, {
+                      schema: schema
+                    }),
+                    wrapperResolve: region.wrapperResolve,
+                    rendererName: info.renderer.name
+                  });
+                }
+                return child2;
+              }));
+            }
+            return child;
+          });
+        },
+        renderFooter: function () {
+          var _a, _b;
+          var info = this.props.$$editor;
+          var steps = this.props.steps;
+          var currentStep = this.state.currentStep;
+          var dom = this.super();
+          if (!info || !(steps === null || steps === void 0 ? void 0 : steps[currentStep - 1])) {
+            return dom;
+          }
+          var plugin = info.plugin;
+          var region = (_b = (_a = plugin.vRendererConfig) === null || _a === void 0 ? void 0 : _a.regions) === null || _b === void 0 ? void 0 : _b.actions;
+          if (!region) {
+            return dom;
+          }
+          return 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: dom,
+            wrapperResolve: region.wrapperResolve,
+            rendererName: info.renderer.name
+          });
+        }
+      }
+    });
+    return _this;
+  }
+  /**
+   * 补充切换的 toolbar
+   * @param context
+   * @param toolbars
+   */
+  Object.defineProperty(WizardPlugin.prototype, "buildEditorToolbar", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (context, toolbars) {
+      if (context.info.plugin === this && context.info.renderer.name === this.rendererName && !context.info.hostId) {
+        var node_1 = context.node;
+        toolbars.push({
+          level: 'secondary',
+          icon: 'fa fa-chevron-left',
+          tooltip: i18n("22c2aa6b59ab30c88fd84e8e5b3c4ad7"),
+          onClick: function () {
+            var control = node_1.getComponent();
+            if (control === null || control === void 0 ? void 0 : control.gotoStep) {
+              var currentIndex = control.state.currentStep;
+              control.gotoStep(currentIndex - 1);
+            }
+          }
+        });
+        toolbars.push({
+          level: 'secondary',
+          icon: 'fa fa-chevron-right',
+          tooltip: i18n("7b91646d808737e7138ad8f32a3b6cde"),
+          onClick: function () {
+            var control = node_1.getComponent();
+            if (control === null || control === void 0 ? void 0 : control.gotoStep) {
+              var currentIndex = control.state.currentStep;
+              control.gotoStep(currentIndex + 1);
+            }
+          }
+        });
+      }
+    }
+  });
+  Object.defineProperty(WizardPlugin.prototype, "filterProps", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (props) {
+      props.affixFooter = false;
+      return props;
+    }
+  });
+  Object.defineProperty(WizardPlugin.prototype, "rendererBeforeDispatchEvent", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (node, e, data) {
+      if (e === 'inited') {
+        var scope = this.manager.dataSchema.getScope("".concat(node.id, "-").concat(node.type));
+        var jsonschema = __assign({
+          $id: 'wizardInitedData'
+        }, jsonToJsonSchema(data));
+        scope === null || scope === void 0 ? void 0 : scope.removeSchema(jsonschema.$id);
+        scope === null || scope === void 0 ? void 0 : scope.addSchema(jsonschema);
+      }
+    }
+  });
+  return WizardPlugin;
+}(BasePlugin);
+registerEditorPlugin(WizardPlugin);
+
+export { WizardPlugin };