@egova/egova-api 1.0.168 → 1.0.171

package/dist/index.umd.js

@@ -21260,6 +21260,57 @@ module.exports = function (originalArray) {
 };
 
 
+/***/ }),
+
+/***/ "0cb2":
+/***/ (function(module, exports, __webpack_require__) {
+
+var uncurryThis = __webpack_require__("e330");
+var toObject = __webpack_require__("7b0b");
+
+var floor = Math.floor;
+var charAt = uncurryThis(''.charAt);
+var replace = uncurryThis(''.replace);
+var stringSlice = uncurryThis(''.slice);
+var SUBSTITUTION_SYMBOLS = /\$([$&'`]|\d{1,2}|<[^>]*>)/g;
+var SUBSTITUTION_SYMBOLS_NO_NAMED = /\$([$&'`]|\d{1,2})/g;
+
+// `GetSubstitution` abstract operation
+// https://tc39.es/ecma262/#sec-getsubstitution
+module.exports = function (matched, str, position, captures, namedCaptures, replacement) {
+  var tailPos = position + matched.length;
+  var m = captures.length;
+  var symbols = SUBSTITUTION_SYMBOLS_NO_NAMED;
+  if (namedCaptures !== undefined) {
+    namedCaptures = toObject(namedCaptures);
+    symbols = SUBSTITUTION_SYMBOLS;
+  }
+  return replace(replacement, symbols, function (match, ch) {
+    var capture;
+    switch (charAt(ch, 0)) {
+      case '$': return '$';
+      case '&': return matched;
+      case '`': return stringSlice(str, 0, position);
+      case "'": return stringSlice(str, tailPos);
+      case '<':
+        capture = namedCaptures[stringSlice(ch, 1, -1)];
+        break;
+      default: // \d\d?
+        var n = +ch;
+        if (n === 0) return match;
+        if (n > m) {
+          var f = floor(n / 10);
+          if (f === 0) return match;
+          if (f <= m) return captures[f - 1] === undefined ? charAt(ch, 1) : captures[f - 1] + charAt(ch, 1);
+          return match;
+        }
+        capture = captures[n - 1];
+    }
+    return capture === undefined ? '' : capture;
+  });
+};
+
+
 /***/ }),
 
 /***/ "0cfb":
@@ -22628,7 +22679,7 @@ module.exports = !STRICT_METHOD ? function forEach(callbackfn /* , thisArg */) {
 /***/ "193e":
 /***/ (function(module, exports) {
 
-module.exports = "<article class=\"project-tree\">\r\n    <header>\r\n        <i-input class=\"diy-input\" search v-model=\"keyword\" @on-search=\"onFilter\" placeholder=\"输入关键字搜索\">\r\n            <i-select transfer slot=\"prepend\" v-model=\"type\" @on-change=\"onFilter\" class=\"diy-select\">\r\n                <i-option v-for=\"item in typeList\" :key=\"item.value\" :value=\"item.value\">{{item.text}}</i-option>\r\n            </i-select>\r\n        </i-input>\r\n        <div class=\"add\" @click=\"onAddGroup\">\r\n            <i class=\"api-icon icon-add\"></i>\r\n            <span>新建分组</span>\r\n        </div>\r\n    </header>\r\n    <i-tree :data=\"renderData\" :render=\"renderContent\"></i-tree>\r\n    <i-modal\r\n        draggable\r\n        sticky\r\n        reset-drag-position\r\n        v-model=\"showGroupModal\"\r\n        class=\"diy-modal\"\r\n        :mask-closable=\"false\"\r\n        transfer\r\n        :title=\"group.id ? '修改分组': '添加分组'\"\r\n    >\r\n        <i-form :label-width=\"100\" class=\"diy-form\" label-colon>\r\n            <i-form-item label=\"分组名称\">\r\n                <i-input class=\"diy-input\" v-model=\"group.name\"></i-input>\r\n            </i-form-item>\r\n            <i-form-item label=\"分组位置\">\r\n                <u-group-select :data=\"groupTree\" :current=\"parent\" @on-select=\"onSelectParent\"></u-group-select>\r\n            </i-form-item>\r\n        </i-form>\r\n        <footer slot=\"footer\">\r\n            <i-button class=\"diy-btn-primary\" type=\"primary\" @click.stop=\"onSaveGroup\">确定</i-button>\r\n            <i-button class=\"diy-btn-default\" @click.stop=\"onGourpCancel\">取消</i-button>\r\n        </footer>\r\n    </i-modal>\r\n    <i-modal draggable sticky reset-drag-position v-model=\"showInterfaceModal\" class=\"diy-modal\" :mask-closable=\"false\" :title=\"interfaceModel.id ? '修改接口': '添加接口'\">\r\n        <i-form :label-width=\"100\" class=\"diy-form\" label-colon>\r\n            <i-form-item label=\"接口名称\">\r\n                <i-input class=\"diy-input\" v-model=\"interfaceModel.name\"></i-input>\r\n            </i-form-item>\r\n            <i-form-item label=\"接口位置\">\r\n                <u-group-select :data=\"groupTree\" :current=\"parent\" @on-select=\"onSelectParent\"></u-group-select>\r\n            </i-form-item>\r\n            <i-form-item label=\"接口类型\">\r\n                <i-select v-model=\"interfaceModel.method\" class=\"diy-select\" transfer>\r\n                    <i-option v-for=\"item in typeList\" v-if=\"item.value\" :key=\"item.value\" :value=\"item.value\">{{item.text}}</i-option>\r\n                </i-select>\r\n            </i-form-item>\r\n        </i-form>\r\n        <footer slot=\"footer\">\r\n            <i-button class=\"diy-btn-primary\" type=\"primary\" @click=\"onSaveInterface\">确定</i-button>\r\n            <i-button class=\"diy-btn-default\" @click=\"onInterfaceCancel\">取消</i-button>\r\n        </footer>\r\n    </i-modal>\r\n    <i-modal draggable sticky reset-drag-position v-model=\"showCopyModal\" class=\"diy-modal\" :mask-closable=\"false\" title=\"复制接口\">\r\n        <i-form :label-width=\"100\" class=\"diy-form\" label-colon>\r\n            <i-form-item label=\"接口名称\" required>\r\n                <i-input class=\"diy-input\" v-model=\"copyName\"></i-input>\r\n            </i-form-item>\r\n            <i-form-item label=\"选择分组\" required>\r\n                <u-group-select :isSelector=\"true\" :data=\"groupTree\" :current=\"parent\" @on-select=\"onSelectParent\"></u-group-select>\r\n            </i-form-item>\r\n        </i-form>\r\n        <footer slot=\"footer\">\r\n            <i-button class=\"diy-btn-primary\" type=\"primary\" @click=\"onCopy\">确定</i-button>\r\n            <i-button class=\"diy-btn-default\" @click=\"onCopyCancel\">取消</i-button>\r\n        </footer>\r\n    </i-modal>\r\n</article>\r\n"
+module.exports = "<article class=\"project-tree\">\r\n    <header>\r\n        <div class=\"tree-api\">\r\n            <div class=\"title-g\">API列表</div>\r\n            <div class=\"add\" @click=\"onAddGroup\">\r\n                <i class=\"iconfont icon-xinjianwenjianjia\"></i>\r\n            </div>\r\n        </div>\r\n        <i-input class=\"diy-input\"search v-model=\"keyword\" @on-search=\"onFilter\" placeholder=\"输入关键字搜索\">\r\n            <i-select class=\"diy-select\" transfer slot=\"prepend\" v-model=\"type\" @on-change=\"onFilter\">\r\n                <i-option v-for=\"item in typeList\" :key=\"item.value\" :value=\"item.value\">{{item.text}}</i-option>\r\n            </i-select>\r\n        </i-input>\r\n    </header>\r\n    <i-tree :data=\"renderData\" :render=\"renderContent\"></i-tree>\r\n    <i-modal\r\n        draggable\r\n        sticky\r\n        reset-drag-position\r\n        v-model=\"showGroupModal\"\r\n        class=\"diy-modal\"\r\n        :mask-closable=\"false\"\r\n        transfer\r\n        :title=\"group.id ? '修改分组': '添加分组'\"\r\n    >\r\n        <i-form :label-width=\"100\" class=\"diy-form\" label-colon>\r\n            <i-form-item label=\"分组名称\">\r\n                <i-input class=\"diy-input\" v-model=\"group.name\"></i-input>\r\n            </i-form-item>\r\n            <i-form-item label=\"分组位置\">\r\n                <u-group-select :data=\"groupTree\" :current=\"parent\" @on-select=\"onSelectParent\"></u-group-select>\r\n            </i-form-item>\r\n        </i-form>\r\n        <footer slot=\"footer\">\r\n            <i-button class=\"diy-btn-primary\" type=\"primary\" @click.stop=\"onSaveGroup\">确定</i-button>\r\n            <i-button class=\"diy-btn-default\" @click.stop=\"onGourpCancel\">取消</i-button>\r\n        </footer>\r\n    </i-modal>\r\n    <i-modal draggable sticky reset-drag-position v-model=\"showInterfaceModal\" class=\"diy-modal\" :mask-closable=\"false\" :title=\"interfaceModel.id ? '修改接口': '添加接口'\">\r\n        <i-form :label-width=\"100\" class=\"diy-form\" label-colon>\r\n            <i-form-item label=\"接口名称\">\r\n                <i-input class=\"diy-input\" v-model=\"interfaceModel.name\"></i-input>\r\n            </i-form-item>\r\n            <i-form-item label=\"接口位置\">\r\n                <u-group-select :data=\"groupTree\" :current=\"parent\" @on-select=\"onSelectParent\"></u-group-select>\r\n            </i-form-item>\r\n            <i-form-item label=\"接口类型\">\r\n                <i-select v-model=\"interfaceModel.method\" class=\"diy-select\" transfer>\r\n                    <i-option v-for=\"item in typeList\" v-if=\"item.value\" :key=\"item.value\" :value=\"item.value\">{{item.text}}</i-option>\r\n                </i-select>\r\n            </i-form-item>\r\n        </i-form>\r\n        <footer slot=\"footer\">\r\n            <i-button class=\"diy-btn-primary\" type=\"primary\" @click=\"onSaveInterface\">确定</i-button>\r\n            <i-button class=\"diy-btn-default\" @click=\"onInterfaceCancel\">取消</i-button>\r\n        </footer>\r\n    </i-modal>\r\n    <i-modal draggable sticky reset-drag-position v-model=\"showCopyModal\" class=\"diy-modal\" :mask-closable=\"false\" title=\"复制接口\">\r\n        <i-form :label-width=\"100\" class=\"diy-form\" label-colon>\r\n            <i-form-item label=\"接口名称\" required>\r\n                <i-input class=\"diy-input\" v-model=\"copyName\"></i-input>\r\n            </i-form-item>\r\n            <i-form-item label=\"选择分组\" required>\r\n                <u-group-select :isSelector=\"true\" :data=\"groupTree\" :current=\"parent\" @on-select=\"onSelectParent\"></u-group-select>\r\n            </i-form-item>\r\n        </i-form>\r\n        <footer slot=\"footer\">\r\n            <i-button class=\"diy-btn-primary\" type=\"primary\" @click=\"onCopy\">确定</i-button>\r\n            <i-button class=\"diy-btn-default\" @click=\"onCopyCancel\">取消</i-button>\r\n        </footer>\r\n    </i-modal>\r\n    <u-batch-modal :visiable.sync=\"showBatchModal\" :data=\"categoryApiList\" :projectId=\"projectId\" @on-success=\"onBatchSuccess\"></u-batch-modal>\r\n</article>\r\n"
 
 /***/ }),
 
@@ -26363,7 +26414,7 @@ module.exports = version;
 /***/ "2f53":
 /***/ (function(module, exports) {
 
-module.exports = "<span class=\"wrap\">\n    <i-poptip trigger=\"hover\" :content=\"tips\">\n<!--        <div class=\"diy-info-icon\">i</div>-->\n        <i-icon type=\"ios-information-circle-outline\"></i-icon>\n    </i-poptip>\n    <span class=\"title\">{{labelTitle}}</span>\n    <span v-if=\"labelColon\">:</span>\n</span>\n"
+module.exports = "<span class=\"wrap\">\r\n    <i-poptip trigger=\"hover\" :content=\"tips\">\r\n<!--        <div class=\"diy-info-icon\">i</div>-->\r\n        <i-icon type=\"ios-information-circle-outline\"></i-icon>\r\n    </i-poptip>\r\n    <span class=\"title\">{{labelTitle}}</span>\r\n    <span v-if=\"labelColon\">:</span>\r\n</span>\r\n"
 
 /***/ }),
 
@@ -26487,7 +26538,7 @@ module.exports = function (argument) {
 /***/ "3bf8":
 /***/ (function(module, exports) {
 
-module.exports = "<i-modal draggable sticky reset-drag-position :mask-closable=\"false\" v-model=\"show\" width=\"1000\" class=\"u-security-modal diy-modal\" transfer>\r\n    <header slot=\"header\">授权认证</header>\r\n    <main class=\"security-content\">\r\n        <div class=\"left\">\r\n            <div class=\"left-title\">\r\n                <div class=\"left-title-text\">授权列表</div>\r\n                <i class=\"api-icon icon-add\" @click=\"onAddItem\"></i>\r\n            </div>\r\n            <div class=\"left-content\">\r\n                <i-input class=\"diy-input search-input\" v-model=\"keyword\" placeholder=\"输入关键字查询\" @on-change=\"onFilter\">\r\n                    <template #prefix>\r\n                        <i-icon type=\"ios-search\"/>\r\n                    </template>\r\n                </i-input>\r\n                <div class=\"security-list\">\r\n                    <div class=\"security-list-item\"\r\n                         :class=\"currentSecurityItem.id === item.id ? 'security-list-item-active' : ''\"\r\n                         v-for=\"(item,index) in securityList\"\r\n                         :key=\"item.id || index\"\r\n                         @click=\"onSelectSecurityItem(item)\"\r\n                    >\r\n                        <div class=\"security-list-item-name\">\r\n                            <i class=\"iconfont icon-shouquan1\"></i>\r\n                            <div class=\"security-list-item-text\">{{ item.name || \"新授权\" }}</div>\r\n                        </div>\r\n                        <i-poptip confirm title=\"确认删除这条数据吗？\" transfer placement=\"top-end\" @on-ok=\"onDelete(item)\">\r\n                            <i class=\"iconfont icon-delete\"></i>\r\n                        </i-poptip>\r\n<!--                        <i class=\"iconfont icon-delete\" @click.stop=\"onDelete(item)\"></i>-->\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"right\">\r\n            <div class=\"right-title\">授权内容</div>\r\n            <div class=\"right-content\">\r\n                <i-form class=\"security-content-form\"label-colon :model=\"currentSecurityItem\">\r\n                    <template v-if=\"currentSecurityItem.type\">\r\n                        <i-form-item class=\"security-content-form-item\" :class=\"currentSecurityItem.type === 'OAuth2' ? 'oauth2-form-item' : ''\" label=\"授权名称\">\r\n                            <i-input class=\"diy-input\" placeholder=\"请输入\" v-model=\"currentSecurityItem.name\"></i-input>\r\n                        </i-form-item>\r\n                        <i-form-item class=\"security-content-form-item\" :class=\"currentSecurityItem.type === 'OAuth2' ? 'oauth2-form-item' : ''\" label=\"授权类型\">\r\n                            <i-select class=\"diy-select\" v-model=\"currentSecurityItem.type\">\r\n                                <i-option v-for=\"(item,index) in securityTypeList\" :value=\"item.name\" :key=\"index\">{{ item.text }}</i-option>\r\n                            </i-select>\r\n                        </i-form-item>\r\n                    </template>\r\n                    <template v-if=\"currentSecurityItem.type && currentSecurityItem.type !== 'GROOVY_SCRIPT'\">\r\n                        <i-form-item class=\"security-content-form-item\" :class=\"currentSecurityItem.type === 'OAuth2' ? 'oauth2-form-item' : ''\" label=\"存储位置\">\r\n                            <i-select class=\"diy-select\" v-model=\"currentSecurityItem.location\">\r\n                                <i-option v-for=\"(item,index) in tokenLocationTypeList\" :value=\"item.name\" :key=\"item.name\">{{ item.text }}</i-option>\r\n                            </i-select>\r\n                        </i-form-item>\r\n                        <i-form-item class=\"security-content-form-item\" :class=\"currentSecurityItem.type === 'OAuth2' ? 'oauth2-form-item' : ''\" label=\"存储键值\">\r\n                            <i-input class=\"diy-input\" placeholder=\"请输入\" v-model=\"currentSecurityItem.locationKey\"></i-input>\r\n                        </i-form-item>\r\n                    </template>\r\n                    <template v-if=\"currentSecurityItem.type === 'Api_Key'\">\r\n                        <i-form-item class=\"security-content-form-item\" label=\"key\">\r\n                            <i-input class=\"diy-input\" placeholder=\"请输入\" v-model=\"currentSecurityItem.content.key\"></i-input>\r\n                        </i-form-item>\r\n                    </template>\r\n                    <template v-if=\"currentSecurityItem.type === 'Base_Auth'\">\r\n                        <i-form-item class=\"security-content-form-item\" label=\"username\">\r\n                            <i-input class=\"diy-input\" placeholder=\"请输入\" v-model=\"currentSecurityItem.content.username\"></i-input>\r\n                        </i-form-item>\r\n                        <i-form-item class=\"security-content-form-item\" label=\"password\">\r\n                            <i-input class=\"diy-password-input diy-input\" placeholder=\"请输入\" v-model=\"currentSecurityItem.content.password\" type=\"password\" password></i-input>\r\n                        </i-form-item>\r\n                    </template>\r\n                    <template v-if=\"currentSecurityItem.type === 'OAuth2'\">\r\n                        <i-form-item class=\"security-content-form-item oauth2-form-item\">\r\n                            <u-tips-form-label slot=\"label\" :labelTitle=\"'Header Prefix'\" tips=\"token前缀 例如 Bearer\" label-colon></u-tips-form-label>\r\n                            <i-input class=\"diy-input\" placeholder=\"请输入\" v-model=\"currentSecurityItem.content.headerPrefix\"></i-input>\r\n                        </i-form-item>\r\n                        <i-form-item class=\"security-content-form-item oauth2-form-item\">\r\n                            <u-tips-form-label slot=\"label\" :labelTitle=\"'Grant Type'\" tips=\"认证类型\" label-colon></u-tips-form-label>\r\n                            <i-select v-model=\"currentSecurityItem.content.grantType\" class=\"diy-select\">\r\n                                <i-option v-for=\"item in grantTypeList\" :key=\"item.name\" :value=\"item.name\"> {{item.text}} </i-option>\r\n                            </i-select>\r\n                        </i-form-item>\r\n                        <i-form-item class=\"security-content-form-item oauth2-form-item\">\r\n                            <u-tips-form-label slot=\"label\" :labelTitle=\"'Access Token Url'\" tips=\"获取token的httpUrl\" label-colon></u-tips-form-label>\r\n                            <i-input class=\"diy-input\" placeholder=\"请输入\" v-model=\"currentSecurityItem.content.tokenUrl\"></i-input>\r\n                        </i-form-item>\r\n                        <i-form-item class=\"security-content-form-item oauth2-form-item\">\r\n                            <u-tips-form-label slot=\"label\" :labelTitle=\"'TokenPath'\" tips=\"获取响应结果的token路径\" label-colon></u-tips-form-label>\r\n                            <i-input class=\"diy-input\" placeholder=\"请输入\" v-model=\"currentSecurityItem.content.tokenPath\"></i-input>\r\n                        </i-form-item>\r\n                        <i-form-item class=\"security-content-form-item oauth2-form-item\" label=\"Client ID\">\r\n                            <i-input class=\"diy-input\" placeholder=\"请输入\" v-model=\"currentSecurityItem.content.clientId\"></i-input>\r\n                        </i-form-item>\r\n                        <i-form-item class=\"security-content-form-item oauth2-form-item\" label=\"Client Secret\">\r\n                            <i-input class=\"diy-input\" placeholder=\"请输入\" v-model=\"currentSecurityItem.content.clientSecret\"></i-input>\r\n                        </i-form-item>\r\n                        <template v-if=\"currentSecurityItem.content.grantType === 'password'\">\r\n                            <i-form-item class=\"security-content-form-item oauth2-form-item\" label=\"username\">\r\n                                <i-input class=\"diy-input\" placeholder=\"请输入\" v-model=\"currentSecurityItem.content.username\"></i-input>\r\n                            </i-form-item>\r\n                            <i-form-item class=\"security-content-form-item oauth2-form-item\" label=\"password\">\r\n                                <i-input class=\"diy-input\" placeholder=\"请输入\" v-model=\"currentSecurityItem.content.password\" type=\"password\" password></i-input>\r\n                            </i-form-item>\r\n                        </template>\r\n                        <i-form-item class=\"security-content-form-item oauth2-form-item\">\r\n                            <u-tips-form-label slot=\"label\" :labelTitle=\"'Scope'\" tips=\"访问请求的范围，它可能有多个空格分隔的值\" label-colon></u-tips-form-label>\r\n                            <i-input class=\"diy-input\" placeholder=\"请输入\" v-model=\"currentSecurityItem.content.scope\"></i-input>\r\n                        </i-form-item>\r\n                    </template>\r\n                    <template v-if=\"currentSecurityItem.type === 'GROOVY_SCRIPT'\">\r\n                        <i-form-item class=\"security-content-form-item script-area-item\" label=\"授权脚本\">\r\n                            <i-input class=\"diy-input script-area\" type=\"textarea\" placeholder=\"请输入\" v-model=\"currentSecurityItem.scriptContent\"></i-input>\r\n                        </i-form-item>\r\n                    </template>\r\n                </i-form>\r\n            </div>\r\n        </div>\r\n    </main>\r\n\r\n    <footer slot=\"footer\">\r\n        <template>\r\n            <i-button class=\"diy-btn-default\" @click=\"onCancel\">取消</i-button>\r\n            <i-button type=\"primary\" class=\"diy-btn-primary\" @click=\"onSave\">保存</i-button>\r\n        </template>\r\n    </footer>\r\n</i-modal>\r\n"
+module.exports = "<i-modal draggable sticky reset-drag-position :mask-closable=\"false\" v-model=\"show\" width=\"1000\" class=\"u-security-modal diy-modal\" transfer>\r\n    <header slot=\"header\">授权认证</header>\r\n    <main class=\"security-content\">\r\n        <div class=\"left\">\r\n            <div class=\"left-title\">\r\n                <div class=\"left-title-text\">授权列表</div>\r\n                <i class=\"api-icon icon-add\" @click=\"onAddItem\"></i>\r\n            </div>\r\n            <div class=\"left-content\">\r\n                <i-input class=\"diy-input search-input\" v-model=\"keyword\" placeholder=\"输入关键字查询\" @on-change=\"onFilter\">\r\n                    <template #prefix>\r\n                        <i-icon type=\"ios-search\"/>\r\n                    </template>\r\n                </i-input>\r\n                <div class=\"security-list\">\r\n                    <div class=\"security-list-item\"\r\n                         :class=\"currentSecurityItem.id === item.id ? 'security-list-item-active' : ''\"\r\n                         v-for=\"(item,index) in securityList\"\r\n                         :key=\"item.id || index\"\r\n                         @click=\"onSelectSecurityItem(item)\"\r\n                    >\r\n                        <div class=\"security-list-item-name\">\r\n                            <i class=\"iconfont icon-shouquan1\"></i>\r\n                            <div class=\"security-list-item-text\" :class=\"currentSecurityItem.id === item.id ? 'security-list-item-text-active' : ''\">{{ item.name || \"新授权\" }}</div>\r\n                        </div>\r\n                        <i-poptip confirm title=\"确认删除这条数据吗？\" transfer placement=\"top-end\" @on-ok=\"onDelete(item)\">\r\n                            <i class=\"iconfont icon-delete\"></i>\r\n                        </i-poptip>\r\n<!--                        <i class=\"iconfont icon-delete\" @click.stop=\"onDelete(item)\"></i>-->\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"right\">\r\n            <div class=\"right-title\">授权内容</div>\r\n            <div class=\"right-content\">\r\n                <i-form class=\"security-content-form\"label-colon :model=\"currentSecurityItem\">\r\n                    <template v-if=\"currentSecurityItem.type\">\r\n                        <i-form-item class=\"security-content-form-item\" :class=\"currentSecurityItem.type === 'OAuth2' ? 'oauth2-form-item' : ''\" label=\"授权名称\" required>\r\n                            <i-input class=\"diy-input\" placeholder=\"请输入\" v-model=\"currentSecurityItem.name\"></i-input>\r\n                        </i-form-item>\r\n                        <i-form-item class=\"security-content-form-item\" :class=\"currentSecurityItem.type === 'OAuth2' ? 'oauth2-form-item' : ''\" label=\"授权类型\" required>\r\n                            <i-select class=\"diy-select\" v-model=\"currentSecurityItem.type\">\r\n                                <i-option v-for=\"(item,index) in securityTypeList\" :value=\"item.name\" :key=\"index\">{{ item.text }}</i-option>\r\n                            </i-select>\r\n                        </i-form-item>\r\n                    </template>\r\n                    <template v-if=\"currentSecurityItem.type && currentSecurityItem.type !== 'GROOVY_SCRIPT'\">\r\n                        <i-form-item class=\"security-content-form-item\" :class=\"currentSecurityItem.type === 'OAuth2' ? 'oauth2-form-item' : ''\" label=\"存储位置\">\r\n                            <i-select class=\"diy-select\" v-model=\"currentSecurityItem.location\">\r\n                                <i-option v-for=\"(item,index) in tokenLocationTypeList\" :value=\"item.name\" :key=\"item.name\">{{ item.text }}</i-option>\r\n                            </i-select>\r\n                        </i-form-item>\r\n                        <i-form-item class=\"security-content-form-item\" :class=\"currentSecurityItem.type === 'OAuth2' ? 'oauth2-form-item' : ''\" label=\"存储键值\">\r\n                            <i-input class=\"diy-input\" placeholder=\"请输入\" v-model=\"currentSecurityItem.locationKey\"></i-input>\r\n                        </i-form-item>\r\n                    </template>\r\n                    <template v-if=\"currentSecurityItem.type === 'Api_Key'\">\r\n                        <i-form-item class=\"security-content-form-item\" label=\"key\">\r\n                            <i-input class=\"diy-input\" placeholder=\"请输入\" v-model=\"currentSecurityItem.content.key\"></i-input>\r\n                        </i-form-item>\r\n                    </template>\r\n                    <template v-if=\"currentSecurityItem.type === 'Base_Auth'\">\r\n                        <i-form-item class=\"security-content-form-item\" label=\"username\">\r\n                            <i-input class=\"diy-input\" placeholder=\"请输入\" v-model=\"currentSecurityItem.content.username\"></i-input>\r\n                        </i-form-item>\r\n                        <i-form-item class=\"security-content-form-item\" label=\"password\">\r\n                            <i-input class=\"diy-password-input diy-input\" placeholder=\"请输入\" v-model=\"currentSecurityItem.content.password\" type=\"password\" password></i-input>\r\n                        </i-form-item>\r\n                    </template>\r\n                    <template v-if=\"currentSecurityItem.type === 'OAuth2'\">\r\n                        <i-form-item class=\"security-content-form-item oauth2-form-item\">\r\n                            <u-tips-form-label slot=\"label\" :labelTitle=\"'Header Prefix'\" tips=\"token前缀 例如 Bearer\" label-colon></u-tips-form-label>\r\n                            <i-input class=\"diy-input\" placeholder=\"请输入\" v-model=\"currentSecurityItem.content.headerPrefix\"></i-input>\r\n                        </i-form-item>\r\n                        <i-form-item class=\"security-content-form-item oauth2-form-item grant-type-item\">\r\n                            <u-tips-form-label slot=\"label\" :labelTitle=\"'Grant Type'\" tips=\"认证类型\" label-colon></u-tips-form-label>\r\n                            <i-select v-model=\"currentSecurityItem.content.grantType\" class=\"diy-select\">\r\n                                <i-option v-for=\"item in grantTypeList\" :key=\"item.name\" :value=\"item.name\"> {{item.text}} </i-option>\r\n                            </i-select>\r\n                        </i-form-item>\r\n                        <i-form-item class=\"security-content-form-item oauth2-form-item\">\r\n                            <u-tips-form-label slot=\"label\" :labelTitle=\"'Access Token Url'\" tips=\"获取token的httpurl\" label-colon></u-tips-form-label>\r\n                            <i-input class=\"diy-input\" placeholder=\"请输入\" v-model=\"currentSecurityItem.content.tokenUrl\"></i-input>\r\n                        </i-form-item>\r\n                        <i-form-item class=\"security-content-form-item oauth2-form-item\">\r\n                            <u-tips-form-label slot=\"label\" :labelTitle=\"'TokenPath'\" tips=\"获取响应结果的token路径\" label-colon></u-tips-form-label>\r\n                            <i-input class=\"diy-input\" placeholder=\"请输入\" v-model=\"currentSecurityItem.content.tokenPath\"></i-input>\r\n                        </i-form-item>\r\n                        <i-form-item class=\"security-content-form-item oauth2-form-item\" label=\"Client ID\">\r\n                            <i-input class=\"diy-input\" placeholder=\"请输入\" v-model=\"currentSecurityItem.content.clientId\"></i-input>\r\n                        </i-form-item>\r\n                        <i-form-item class=\"security-content-form-item oauth2-form-item\" label=\"Client Secret\">\r\n                            <i-input class=\"diy-input\" placeholder=\"请输入\" v-model=\"currentSecurityItem.content.clientSecret\"></i-input>\r\n                        </i-form-item>\r\n                        <template v-if=\"currentSecurityItem.content.grantType === 'password'\">\r\n                            <i-form-item class=\"security-content-form-item oauth2-form-item\" label=\"username\">\r\n                                <i-input class=\"diy-input\" placeholder=\"请输入\" v-model=\"currentSecurityItem.content.username\"></i-input>\r\n                            </i-form-item>\r\n                            <i-form-item class=\"security-content-form-item oauth2-form-item\" label=\"password\">\r\n                                <i-input class=\"diy-input\" placeholder=\"请输入\" v-model=\"currentSecurityItem.content.password\" type=\"password\" password></i-input>\r\n                            </i-form-item>\r\n                        </template>\r\n                        <i-form-item class=\"security-content-form-item oauth2-form-item\">\r\n                            <u-tips-form-label slot=\"label\" :labelTitle=\"'Scope'\" tips=\"访问请求的范围，它可能有多个空格分隔的值\" label-colon></u-tips-form-label>\r\n                            <i-input class=\"diy-input\" placeholder=\"请输入\" v-model=\"currentSecurityItem.content.scope\"></i-input>\r\n                        </i-form-item>\r\n                    </template>\r\n                    <template v-if=\"currentSecurityItem.type === 'GROOVY_SCRIPT'\">\r\n                        <i-form-item class=\"security-content-form-item script-area-item\" label=\"授权脚本\">\r\n                            <i-input class=\"diy-input script-area\" type=\"textarea\" placeholder=\"请输入\" v-model=\"currentSecurityItem.scriptContent\"></i-input>\r\n                        </i-form-item>\r\n                    </template>\r\n                </i-form>\r\n            </div>\r\n        </div>\r\n    </main>\r\n\r\n    <footer slot=\"footer\">\r\n        <template>\r\n            <i-button class=\"diy-btn-default\" @click=\"onCancel\">取消</i-button>\r\n            <i-button type=\"primary\" class=\"diy-btn-primary\" @click=\"onSave\">保存</i-button>\r\n        </template>\r\n    </footer>\r\n</i-modal>\r\n"
 
 /***/ }),
 
@@ -26532,7 +26583,7 @@ defineIterator(String, 'String', function (iterated) {
 /***/ "3de4":
 /***/ (function(module, exports) {
 
-module.exports = "<article class=\"security-setting-v2\">\r\n    <div class=\"left\">\r\n        <i-form class=\"type-form diy-form\" label-colon>\r\n            <i-form-item label=\"选择授权\">\r\n                <i-select ref=\"addSecuritySelect\" class=\"diy-select add-security-select\" v-model=\"currentSecurityItemId\"  @on-change=\"onChangeSecurityItem($event)\" @on-clear=\"onClear\" clearable>\r\n                    <i-option v-for=\"item in securityList\" :key=\"item.id\" :value=\"item.id\">{{ item.name }}</i-option>\r\n                    <i-option class=\"add-security-item\" value=\"''\">\r\n                        <div class=\"add-security-item-content\" @click.stop=\"onAddSecurityItem\">\r\n                            <i class=\"api-icon icon-add\"></i>\r\n                            <span>新建授权</span>\r\n                        </div>\r\n                    </i-option>\r\n                </i-select>\r\n            </i-form-item>\r\n            <i-form-item label=\"授权类型\">\r\n                <span class=\"security-type\">{{ currentSecurityItem._type?.text ?  currentSecurityItem._type.text : \"暂无\" }}</span>\r\n            </i-form-item>\r\n        </i-form>\r\n    </div>\r\n    <div class=\"right\">\r\n        <div class=\"right-title\">授权详情</div>\r\n        <div class=\"right-content\">\r\n            <div class=\"no-data\" v-if=\"!currentSecurityItem.type\">\r\n                <div class=\"no-data-bg\"></div>\r\n                <div class=\"no-data-text\">请在左侧下拉框中选择已建立授权</div>\r\n            </div>\r\n            <div class=\"script\" v-if=\"currentSecurityItem.type === 'GROOVY_SCRIPT'\">\r\n                <i-input class=\"diy-input script-area\" type=\"textarea\" v-model=\"currentSecurityItem.scriptContent\" :readonly=\"true\"></i-input>\r\n            </div>\r\n            <div class=\"api-key\" v-if=\"currentSecurityItem.type === 'Api_Key'\">\r\n                <i-form class=\"oauth-2-form diy-form\" label-colon>\r\n                    <i-form-item label=\"存储位置\">\r\n                        <span class=\"form-item-text\">{{ currentSecurityItem._location?.text ? currentSecurityItem._location.text : \"\"}}</span>\r\n                    </i-form-item>\r\n                    <i-form-item label=\"存储键值\">\r\n                        <span class=\"form-item-text\">{{ currentSecurityItem.locationKey }}</span>\r\n                    </i-form-item>\r\n                    <i-form-item label=\"key\">\r\n                        <span class=\"form-item-text\">{{ currentSecurityItem.content.key }}</span>\r\n                    </i-form-item>\r\n                </i-form>\r\n            </div>\r\n            <div class=\"base-auth\" v-if=\"currentSecurityItem.type === 'Base_Auth'\">\r\n                <i-form class=\"oauth-2-form diy-form\" label-colon>\r\n                    <i-form-item label=\"存储位置\">\r\n                        <span class=\"form-item-text\">{{ currentSecurityItem._location?.text ? currentSecurityItem._location.text : \"\" }}</span>\r\n                    </i-form-item>\r\n                    <i-form-item label=\"存储键值\">\r\n                        <span class=\"form-item-text\">{{ currentSecurityItem.locationKey }}</span>\r\n                    </i-form-item>\r\n                    <i-form-item label=\"username\">\r\n                        <span class=\"form-item-text\">{{ currentSecurityItem.content.username }}</span>\r\n                    </i-form-item>\r\n                    <i-form-item label=\"password\">\r\n                        <!--                        <span class=\"form-item-text\">{{ \"·\" }}</span>-->\r\n                        <!--                        <i-input class=\"diy-input\" v-model=\"model.password\" type=\"password\" password placeholder=\"请输入\"> </i-input>-->\r\n                        <i-input class=\"diy-password-input diy-input\" :value=\"currentSecurityItem.content.password\" type=\"password\"></i-input>\r\n                    </i-form-item>\r\n                </i-form>\r\n            </div>\r\n            <div class=\"oauth-2\" v-if=\"currentSecurityItem.type === 'OAuth2'\">\r\n                <i-form class=\"oauth-2-form diy-form\" label-colon>\r\n                    <i-form-item label=\"存储位置\">\r\n                        <span class=\"form-item-text\">{{ currentSecurityItem._location?.text ? currentSecurityItem._location.text : \"\" }}</span>\r\n                    </i-form-item>\r\n                    <i-form-item label=\"存储键值\">\r\n                        <span class=\"form-item-text\">{{ currentSecurityItem.locationKey }}</span>\r\n                    </i-form-item>\r\n                    <i-form-item>\r\n                        <u-tips-form-label slot=\"label\" :labelTitle=\"'Header Prefix'\" tips=\"token前缀 例如 Bearer\" label-colon></u-tips-form-label>\r\n                        <span class=\"form-item-text\">{{ currentSecurityItem.content.headerPrefix }}</span>\r\n                    </i-form-item>\r\n                    <i-form-item>\r\n                        <u-tips-form-label slot=\"label\" :labelTitle=\"'Grant Type'\" tips=\"认证类型\" label-colon></u-tips-form-label>\r\n                        <span class=\"form-item-text\">{{ findGrantTypeText(currentSecurityItem.content.grantType) }}</span>\r\n                    </i-form-item>\r\n                    <i-form-item>\r\n                        <u-tips-form-label slot=\"label\" :labelTitle=\"'Access Token Url'\" tips=\"获取token的httpUrl\" label-colon></u-tips-form-label>\r\n                        <span class=\"form-item-text\">{{ currentSecurityItem.content.tokenUrl }}</span>\r\n                    </i-form-item>\r\n                    <i-form-item>\r\n                        <u-tips-form-label slot=\"label\" :labelTitle=\"'TokenPath'\" tips=\"获取响应结果的token路径\" label-colon></u-tips-form-label>\r\n                        <span class=\"form-item-text\">{{ currentSecurityItem.content.tokenPath }}</span>\r\n                    </i-form-item>\r\n                    <i-form-item label=\"Client ID\">\r\n                        <span class=\"form-item-text\">{{ currentSecurityItem.content.clientId }}</span>\r\n                    </i-form-item>\r\n                    <i-form-item label=\"Client Secret\">\r\n                        <span class=\"form-item-text\">{{ currentSecurityItem.content.clientSecret }}</span>\r\n                    </i-form-item>\r\n                    <template v-if=\"currentSecurityItem.content.grantType === 'password'\">\r\n                        <i-form-item class=\"security-content-form-item\" label=\"username\">\r\n                            <span class=\"form-item-text\">{{ currentSecurityItem.content.username }}</span>\r\n                        </i-form-item>\r\n                        <i-form-item class=\"security-content-form-item\" label=\"password\">\r\n                            <i-input class=\"diy-password-input diy-input\" :value=\"currentSecurityItem.content.password\" type=\"password\"></i-input>\r\n                        </i-form-item>\r\n                    </template>\r\n                    <i-form-item label=\"Scope\">\r\n                        <u-tips-form-label slot=\"label\" :labelTitle=\"'Scope'\" tips=\"访问请求的范围，它可能有多个空格分隔的值\" label-colon></u-tips-form-label>\r\n                        <span class=\"form-item-text\">{{ currentSecurityItem.content.scope }}</span>\r\n                    </i-form-item>\r\n                </i-form>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <u-security-modal v-model=\"showSecurity\" :projectID=\"projectID\" :isAdd=\"isAdd\"></u-security-modal>\r\n</article>\r\n"
+module.exports = "<article class=\"security-setting-v2\">\r\n    <div class=\"left\">\r\n        <i-form class=\"type-form diy-form\" label-colon>\r\n            <i-form-item label=\"选择授权\">\r\n                <i-select ref=\"addSecuritySelect\" class=\"diy-select add-security-select\" v-model=\"currentSecurityItemId\"  @on-change=\"onChangeSecurityItem($event)\" @on-clear=\"onClear\" clearable>\r\n                    <i-option v-for=\"item in securityList\" :key=\"item.id\" :value=\"item.id\">{{ item.name }}</i-option>\r\n                    <i-option class=\"add-security-item\" value=\"''\">\r\n                        <div class=\"add-security-item-content\" @click.stop=\"onAddSecurityItem\">\r\n                            <i class=\"api-icon icon-add\"></i>\r\n                            <span>新建授权</span>\r\n                        </div>\r\n                    </i-option>\r\n                </i-select>\r\n            </i-form-item>\r\n            <i-form-item label=\"授权类型\">\r\n                <span class=\"security-type\">{{ currentSecurityItem._type?.text ?  currentSecurityItem._type.text : \"暂无\" }}</span>\r\n            </i-form-item>\r\n        </i-form>\r\n    </div>\r\n    <div class=\"right\">\r\n        <div class=\"right-title\">授权详情</div>\r\n        <div class=\"right-content\">\r\n            <div class=\"no-data\" v-if=\"!currentSecurityItem.type\">\r\n                <div class=\"no-data-bg\"></div>\r\n                <div class=\"no-data-text\">请在左侧下拉框中选择已建立授权</div>\r\n            </div>\r\n            <div class=\"script\" v-if=\"currentSecurityItem.type === 'GROOVY_SCRIPT'\">\r\n                <i-input class=\"diy-input script-area\" type=\"textarea\" v-model=\"currentSecurityItem.scriptContent\" :readonly=\"true\"></i-input>\r\n            </div>\r\n            <div class=\"api-key\" v-if=\"currentSecurityItem.type === 'Api_Key'\">\r\n                <i-form class=\"oauth-2-form diy-form\" label-colon>\r\n                    <i-form-item label=\"存储位置\">\r\n                        <span class=\"form-item-text\">{{ currentSecurityItem._location?.text ? currentSecurityItem._location.text : \"\"}}</span>\r\n                    </i-form-item>\r\n                    <i-form-item label=\"存储键值\">\r\n                        <span class=\"form-item-text\">{{ currentSecurityItem.locationKey }}</span>\r\n                    </i-form-item>\r\n                    <i-form-item label=\"key\">\r\n                        <span class=\"form-item-text\">{{ currentSecurityItem.content.key }}</span>\r\n                    </i-form-item>\r\n                </i-form>\r\n            </div>\r\n            <div class=\"base-auth\" v-if=\"currentSecurityItem.type === 'Base_Auth'\">\r\n                <i-form class=\"oauth-2-form diy-form\" label-colon>\r\n                    <i-form-item label=\"存储位置\">\r\n                        <span class=\"form-item-text\">{{ currentSecurityItem._location?.text ? currentSecurityItem._location.text : \"\" }}</span>\r\n                    </i-form-item>\r\n                    <i-form-item label=\"存储键值\">\r\n                        <span class=\"form-item-text\">{{ currentSecurityItem.locationKey }}</span>\r\n                    </i-form-item>\r\n                    <i-form-item label=\"username\">\r\n                        <span class=\"form-item-text\">{{ currentSecurityItem.content.username }}</span>\r\n                    </i-form-item>\r\n                    <i-form-item label=\"password\">\r\n                        <!--                        <span class=\"form-item-text\">{{ \"·\" }}</span>-->\r\n                        <!--                        <i-input class=\"diy-input\" v-model=\"model.password\" type=\"password\" password placeholder=\"请输入\"> </i-input>-->\r\n                        <i-input class=\"diy-password-input diy-input\" :value=\"currentSecurityItem.content.password\" type=\"password\"></i-input>\r\n                    </i-form-item>\r\n                </i-form>\r\n            </div>\r\n            <div class=\"oauth-2\" v-if=\"currentSecurityItem.type === 'OAuth2'\">\r\n                <i-form class=\"oauth-2-form diy-form\" label-colon>\r\n                    <i-form-item label=\"存储位置\">\r\n                        <span class=\"form-item-text\">{{ currentSecurityItem._location?.text ? currentSecurityItem._location.text : \"\" }}</span>\r\n                    </i-form-item>\r\n                    <i-form-item label=\"存储键值\">\r\n                        <span class=\"form-item-text\">{{ currentSecurityItem.locationKey }}</span>\r\n                    </i-form-item>\r\n                    <i-form-item>\r\n                        <u-tips-form-label slot=\"label\" :labelTitle=\"'Header Prefix'\" tips=\"token前缀 例如 Bearer\" label-colon></u-tips-form-label>\r\n                        <span class=\"form-item-text\">{{ currentSecurityItem.content.headerPrefix }}</span>\r\n                    </i-form-item>\r\n                    <i-form-item class=\"grant-type-item\">\r\n                        <u-tips-form-label slot=\"label\" :labelTitle=\"'Grant Type'\" tips=\"认证类型\" label-colon></u-tips-form-label>\r\n                        <span class=\"form-item-text\">{{ findGrantTypeText(currentSecurityItem.content.grantType) }}</span>\r\n                    </i-form-item>\r\n                    <i-form-item>\r\n                        <u-tips-form-label slot=\"label\" :labelTitle=\"'Access Token Url'\" tips=\"获取token的httpUrl\" label-colon></u-tips-form-label>\r\n                        <span class=\"form-item-text\">{{ currentSecurityItem.content.tokenUrl }}</span>\r\n                    </i-form-item>\r\n                    <i-form-item>\r\n                        <u-tips-form-label slot=\"label\" :labelTitle=\"'TokenPath'\" tips=\"获取响应结果的token路径\" label-colon></u-tips-form-label>\r\n                        <span class=\"form-item-text\">{{ currentSecurityItem.content.tokenPath }}</span>\r\n                    </i-form-item>\r\n                    <i-form-item label=\"Client ID\">\r\n                        <span class=\"form-item-text\">{{ currentSecurityItem.content.clientId }}</span>\r\n                    </i-form-item>\r\n                    <i-form-item label=\"Client Secret\">\r\n                        <span class=\"form-item-text\">{{ currentSecurityItem.content.clientSecret }}</span>\r\n                    </i-form-item>\r\n                    <template v-if=\"currentSecurityItem.content.grantType === 'password'\">\r\n                        <i-form-item class=\"security-content-form-item\" label=\"username\">\r\n                            <span class=\"form-item-text\">{{ currentSecurityItem.content.username }}</span>\r\n                        </i-form-item>\r\n                        <i-form-item class=\"security-content-form-item\" label=\"password\">\r\n                            <i-input class=\"diy-password-input diy-input\" :value=\"currentSecurityItem.content.password\" type=\"password\"></i-input>\r\n                        </i-form-item>\r\n                    </template>\r\n                    <i-form-item label=\"Scope\">\r\n                        <u-tips-form-label slot=\"label\" :labelTitle=\"'Scope'\" tips=\"访问请求的范围，它可能有多个空格分隔的值\" label-colon></u-tips-form-label>\r\n                        <span class=\"form-item-text\">{{ currentSecurityItem.content.scope }}</span>\r\n                    </i-form-item>\r\n                </i-form>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <u-security-modal v-model=\"showSecurity\" :projectID=\"projectID\" :isAdd=\"isAdd\"></u-security-modal>\r\n</article>\r\n"
 
 /***/ }),
 
@@ -26729,7 +26780,7 @@ fixRegExpWellKnownSymbolLogic('match', function (MATCH, nativeMatch, maybeCallNa
 /***/ "46d3":
 /***/ (function(module, exports) {
 
-module.exports = "<article class=\"u-common-tree u-type-tree\">\n    <slot name=\"header\">\n        <header slot=\"header\" class=\"tree-header\">\n            <span>合并模型列表</span>\n            <i-upload\n                class=\"action-item\"\n                :action=\"uploadAction\"\n                accept=\".json\"\n                :headers=\"headers\"\n                :show-upload-list=\"false\"\n                :format=\"['json']\"\n                :on-success=\"onSuccess\"\n                :before-upload=\"onBeforeUpload\"\n                :on-format-error=\"onFormatError\"\n            >\n                <i title=\"导入\" class=\"iconfont icon-import\"></i>\n            </i-upload>\n            <i\n                @click=\"onModelExport(null)\"\n                :class=\"{'disabled': !data.length}\"\n                class=\"iconfont icon-export\"\n                title=\"导出\"\n            ></i>\n            <i @click.stop=\"onAddTreeNode\" title=\"新增合并模型\" class=\"iconfont icon-add-folder\"></i>\n        </header>\n    </slot>\n    <section class=\"content\">\n        <i-input class=\"search-input diy-input\" suffix=\"ios-search\" :placeholder=\"placeholder\" @on-change=\"onFilter\" v-model=\"keyword\" />\n        <i-tree :data=\"renderData\" :render=\"renderContent\" @on-toggle-expand=\"onToggleExpand\"></i-tree>\n    </section>\n    <u-add-node :data=\"tempNode\" :categories=\"data\" v-model=\"showAddTreeNodeModal\" @on-refresh=\"queryTreeData\"></u-add-node>\n\n    <i-modal draggable sticky reset-drag-position v-model=\"showImportModal\" class=\"diy-modal duplicate-import-modal\" width=\"800\" :mask-closable=\"false\" title=\"导入已合并接口\">\n        <div class=\"import-title\">上传成功</div>\n        <div class=\"import-label\">{{ `上传共${importResult.total}条合并接口数据，其中${importResult.total - importResult.duplicateNum}条可成功导入。` }}</div>\n        <div class=\"import-label\">{{ `发现以下${importResult.duplicateNum}条接口数据存在编码重复（编码已存在），将不会被导入。` }}</div>\n        <i-table class=\"diy-table import-modal-table\" :columns=\"columns\" :data=\"importResult.items\">\n        </i-table>\n        <footer slot=\"footer\">\n            <i-button class=\"diy-btn-primary\" type=\"primary\" @click=\"onImportConfirm\">确定</i-button>\n            <i-button class=\"diy-btn-default\" @click=\"onImportCancel\">取消</i-button>\n        </footer>\n    </i-modal>\n</article>\n"
+module.exports = "<article class=\"u-common-tree u-type-tree\">\r\n    <slot name=\"header\">\r\n        <header slot=\"header\" class=\"tree-header\">\r\n            <span>合并模型列表</span>\r\n            <i-upload\r\n                class=\"action-item\"\r\n                :action=\"uploadAction\"\r\n                accept=\".json\"\r\n                :headers=\"headers\"\r\n                :show-upload-list=\"false\"\r\n                :format=\"['json']\"\r\n                :on-success=\"onSuccess\"\r\n                :before-upload=\"onBeforeUpload\"\r\n                :on-format-error=\"onFormatError\"\r\n            >\r\n                <i title=\"导入\" class=\"iconfont icon-import\"></i>\r\n            </i-upload>\r\n            <i\r\n                @click=\"onModelExport(null)\"\r\n                :class=\"{'disabled': !data.length}\"\r\n                class=\"iconfont icon-export\"\r\n                title=\"导出\"\r\n            ></i>\r\n            <i @click.stop=\"onAddTreeNode\" title=\"新增合并模型\" class=\"iconfont icon-add-folder\"></i>\r\n        </header>\r\n    </slot>\r\n    <section class=\"content\">\r\n        <i-input class=\"search-input diy-input\" suffix=\"ios-search\" :placeholder=\"placeholder\" @on-change=\"onFilter\" v-model=\"keyword\" />\r\n        <i-tree :data=\"renderData\" :render=\"renderContent\" @on-toggle-expand=\"onToggleExpand\"></i-tree>\r\n    </section>\r\n    <u-add-node :data=\"tempNode\" :categories=\"data\" v-model=\"showAddTreeNodeModal\" @on-refresh=\"queryTreeData\"></u-add-node>\r\n\r\n    <i-modal draggable sticky reset-drag-position v-model=\"showImportModal\" class=\"diy-modal duplicate-import-modal\" width=\"800\" :mask-closable=\"false\" title=\"导入已合并接口\">\r\n        <div class=\"import-title\">上传成功</div>\r\n        <div class=\"import-label\">{{ `上传共${importResult.total}条合并接口数据，其中${importResult.total - importResult.duplicateNum}条可成功导入。` }}</div>\r\n        <div class=\"import-label\">{{ `发现以下${importResult.duplicateNum}条接口数据存在编码重复（编码已存在），将不会被导入。` }}</div>\r\n        <i-table class=\"diy-table import-modal-table\" :columns=\"columns\" :data=\"importResult.items\">\r\n        </i-table>\r\n        <footer slot=\"footer\">\r\n            <i-button class=\"diy-btn-primary\" type=\"primary\" @click=\"onImportConfirm\">确定</i-button>\r\n            <i-button class=\"diy-btn-default\" @click=\"onImportCancel\">取消</i-button>\r\n        </footer>\r\n    </i-modal>\r\n</article>\r\n"
 
 /***/ }),
 
@@ -38008,6 +38059,150 @@ var webkit = userAgent.match(/AppleWebKit\/(\d+)\./);
 module.exports = !!webkit && +webkit[1];
 
 
+/***/ }),
+
+/***/ "5319":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var apply = __webpack_require__("2ba4");
+var call = __webpack_require__("c65b");
+var uncurryThis = __webpack_require__("e330");
+var fixRegExpWellKnownSymbolLogic = __webpack_require__("d784");
+var fails = __webpack_require__("d039");
+var anObject = __webpack_require__("825a");
+var isCallable = __webpack_require__("1626");
+var toIntegerOrInfinity = __webpack_require__("5926");
+var toLength = __webpack_require__("50c4");
+var toString = __webpack_require__("577e");
+var requireObjectCoercible = __webpack_require__("1d80");
+var advanceStringIndex = __webpack_require__("8aa5");
+var getMethod = __webpack_require__("dc4a");
+var getSubstitution = __webpack_require__("0cb2");
+var regExpExec = __webpack_require__("14c3");
+var wellKnownSymbol = __webpack_require__("b622");
+
+var REPLACE = wellKnownSymbol('replace');
+var max = Math.max;
+var min = Math.min;
+var concat = uncurryThis([].concat);
+var push = uncurryThis([].push);
+var stringIndexOf = uncurryThis(''.indexOf);
+var stringSlice = uncurryThis(''.slice);
+
+var maybeToString = function (it) {
+  return it === undefined ? it : String(it);
+};
+
+// IE <= 11 replaces $0 with the whole match, as if it was $&
+// https://stackoverflow.com/questions/6024666/getting-ie-to-replace-a-regex-with-the-literal-string-0
+var REPLACE_KEEPS_$0 = (function () {
+  // eslint-disable-next-line regexp/prefer-escape-replacement-dollar-char -- required for testing
+  return 'a'.replace(/./, '$0') === '$0';
+})();
+
+// Safari <= 13.0.3(?) substitutes nth capture where n>m with an empty string
+var REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE = (function () {
+  if (/./[REPLACE]) {
+    return /./[REPLACE]('a', '$0') === '';
+  }
+  return false;
+})();
+
+var REPLACE_SUPPORTS_NAMED_GROUPS = !fails(function () {
+  var re = /./;
+  re.exec = function () {
+    var result = [];
+    result.groups = { a: '7' };
+    return result;
+  };
+  // eslint-disable-next-line regexp/no-useless-dollar-replacements -- false positive
+  return ''.replace(re, '$<a>') !== '7';
+});
+
+// @@replace logic
+fixRegExpWellKnownSymbolLogic('replace', function (_, nativeReplace, maybeCallNative) {
+  var UNSAFE_SUBSTITUTE = REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE ? '$' : '$0';
+
+  return [
+    // `String.prototype.replace` method
+    // https://tc39.es/ecma262/#sec-string.prototype.replace
+    function replace(searchValue, replaceValue) {
+      var O = requireObjectCoercible(this);
+      var replacer = searchValue == undefined ? undefined : getMethod(searchValue, REPLACE);
+      return replacer
+        ? call(replacer, searchValue, O, replaceValue)
+        : call(nativeReplace, toString(O), searchValue, replaceValue);
+    },
+    // `RegExp.prototype[@@replace]` method
+    // https://tc39.es/ecma262/#sec-regexp.prototype-@@replace
+    function (string, replaceValue) {
+      var rx = anObject(this);
+      var S = toString(string);
+
+      if (
+        typeof replaceValue == 'string' &&
+        stringIndexOf(replaceValue, UNSAFE_SUBSTITUTE) === -1 &&
+        stringIndexOf(replaceValue, '$<') === -1
+      ) {
+        var res = maybeCallNative(nativeReplace, rx, S, replaceValue);
+        if (res.done) return res.value;
+      }
+
+      var functionalReplace = isCallable(replaceValue);
+      if (!functionalReplace) replaceValue = toString(replaceValue);
+
+      var global = rx.global;
+      if (global) {
+        var fullUnicode = rx.unicode;
+        rx.lastIndex = 0;
+      }
+      var results = [];
+      while (true) {
+        var result = regExpExec(rx, S);
+        if (result === null) break;
+
+        push(results, result);
+        if (!global) break;
+
+        var matchStr = toString(result[0]);
+        if (matchStr === '') rx.lastIndex = advanceStringIndex(S, toLength(rx.lastIndex), fullUnicode);
+      }
+
+      var accumulatedResult = '';
+      var nextSourcePosition = 0;
+      for (var i = 0; i < results.length; i++) {
+        result = results[i];
+
+        var matched = toString(result[0]);
+        var position = max(min(toIntegerOrInfinity(result.index), S.length), 0);
+        var captures = [];
+        // NOTE: This is equivalent to
+        //   captures = result.slice(1).map(maybeToString)
+        // but for some reason `nativeSlice.call(result, 1, result.length)` (called in
+        // the slice polyfill when slicing native arrays) "doesn't work" in safari 9 and
+        // causes a crash (https://pastebin.com/N21QzeQA) when trying to debug it.
+        for (var j = 1; j < result.length; j++) push(captures, maybeToString(result[j]));
+        var namedCaptures = result.groups;
+        if (functionalReplace) {
+          var replacerArgs = concat([matched], captures, position, S);
+          if (namedCaptures !== undefined) push(replacerArgs, namedCaptures);
+          var replacement = toString(apply(replaceValue, undefined, replacerArgs));
+        } else {
+          replacement = getSubstitution(matched, S, position, captures, namedCaptures, replaceValue);
+        }
+        if (position >= nextSourcePosition) {
+          accumulatedResult += stringSlice(S, nextSourcePosition, position) + replacement;
+          nextSourcePosition = position + matched.length;
+        }
+      }
+      return accumulatedResult + stringSlice(S, nextSourcePosition);
+    }
+  ];
+}, !REPLACE_SUPPORTS_NAMED_GROUPS || !REPLACE_KEEPS_$0 || REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE);
+
+
 /***/ }),
 
 /***/ "554d":
@@ -40611,6 +40806,13 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
 }));
 
 
+/***/ }),
+
+/***/ "88af":
+/***/ (function(module, exports) {
+
+module.exports = "<i-modal draggable sticky reset-drag-position :mask-closable=\"false\" v-model=\"value\" width=\"800\" class=\"u-variable-modal diy-modal\" transfer>\r\n    <header slot=\"header\">批量修改环境变量与授权</header>\r\n    <main class=\"variable-content\">\r\n        <div class=\"left\">\r\n            <div class=\"left-title\">\r\n                <div class=\"left-title-text\">选择API</div>\r\n            </div>\r\n            <div class=\"left-content\">\r\n                <i-input class=\"diy-input search-input\" v-model=\"keyword\" placeholder=\"输入关键字查询\" @on-change=\"onFilter\">\r\n                    <template #prefix>\r\n                        <i-icon type=\"ios-search\"/>\r\n                    </template>\r\n                </i-input>\r\n                <div class=\"security-list\">\r\n                    <i-checkbox class=\"security-list-item-checkbox\" v-model=\"allSelect\" @on-change=\"onAllSelect\">全选</i-checkbox>\r\n                    <div class=\"security-list-item\"\r\n                         v-for=\"(item,index) in apiList\"\r\n                         :key=\"item.id || index\"\r\n                    >\r\n                        <div class=\"security-list-item-name\">\r\n                            <i-checkbox v-model=\"item.selected\" @on-change=\"onSelect($event,item)\"></i-checkbox>\r\n                            <i class=\"iconfont icon-API\"></i>\r\n                            <div class=\"security-list-item-text\" :title=\"item.name\">{{ item.name }}</div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"right\">\r\n            <div class=\"right-title\">环境与授权</div>\r\n            <div class=\"right-content\">\r\n                <i-form ref=\"batch-api-form\" class=\"variable-content-form\" label-colon label-position=\"left\" v-if=\"isEmpty\" :rules=\"rules\" :label-width=\"100\" :model=\"formData\">\r\n                    <i-form-item class=\"content-form-item\" label=\"选择属性\">\r\n                        <i-select class=\"diy-select\" placeholder=\"请输入\" clearable v-model=\"type\">\r\n                            <i-option value=\"env\">环境变量</i-option>\r\n                            <i-option value=\"auth\">授权设置</i-option>\r\n                            <i-option value=\"both\">环境变量和授权设置</i-option>\r\n                        </i-select>\r\n                    </i-form-item>\r\n                    <i-form-item class=\"content-form-item\" v-if=\"type !== 'auth'\" label=\"环境变量\" prop=\"envId\">\r\n                        <i-select class=\"diy-select diy-batch-select\" placeholder=\"请选择\" clearable v-model=\"formData.envId\">\r\n                            <i-option value=\"empty\">清空所有已设置环境变量</i-option>\r\n                            <i-option v-for=\"item in variableList\" :key=\"item.name\" :value=\"item.id\">{{item.name}} </i-option>\r\n                        </i-select>\r\n                    </i-form-item>\r\n                    <i-form-item class=\"content-form-item\" label=\"授权设置\" v-if=\"type !== 'env'\" prop=\"authId\">\r\n                        <i-select class=\"diy-select diy-batch-select\" placeholder=\"请选择\" clearable v-model=\"formData.authId\">\r\n                            <i-option value=\"empty\">清空所有已设置授权</i-option>\r\n                            <i-option v-for=\"item in securityList\" :key=\"item.name\" :value=\"item.id\">{{item.name}} </i-option>\r\n                        </i-select>\r\n                    </i-form-item>\r\n                </i-form>\r\n            </div>\r\n        </div>\r\n    </main>\r\n\r\n    <footer slot=\"footer\">\r\n        <template>\r\n            <i-button class=\"diy-btn-default\" @click=\"onCancel\">取消</i-button>\r\n            <i-button type=\"primary\" class=\"diy-btn-primary\" @click=\"onSave\">保存</i-button>\r\n        </template>\r\n    </footer>\r\n</i-modal>\r\n"
+
 /***/ }),
 
 /***/ "8925":
@@ -40632,6 +40834,13 @@ if (!isCallable(store.inspectSource)) {
 module.exports = store.inspectSource;
 
 
+/***/ }),
+
+/***/ "8962":
+/***/ (function(module, exports) {
+
+module.exports = "<i-modal draggable sticky reset-drag-position :mask-closable=\"false\" v-model=\"value\" width=\"800\" class=\"u-variable-modal diy-modal\" transfer>\r\n    <header slot=\"header\">环境变量</header>\r\n    <main class=\"variable-content\">\r\n        <div class=\"left\">\r\n            <div class=\"left-title\">\r\n                <div class=\"left-title-text\">环境列表</div>\r\n                <i class=\"api-icon icon-add\" @click=\"onAddItem\"></i>\r\n            </div>\r\n            <div class=\"left-content\">\r\n                <i-input class=\"diy-input search-input\" v-model=\"keyword\" placeholder=\"输入关键字查询\" @on-change=\"onFilter\">\r\n                    <template #prefix>\r\n                        <i-icon type=\"ios-search\"/>\r\n                    </template>\r\n                </i-input>\r\n                <div class=\"security-list\">\r\n                    <div class=\"security-list-item\"\r\n                         :class=\"currentItem.id === item.id ? 'security-list-item-active' : ''\"\r\n                         v-for=\"(item,index) in varList\"\r\n                         :key=\"item.id || index\"\r\n                         @click=\"onSelectItem(item)\"\r\n                    >\r\n                        <div class=\"security-list-item-name\">\r\n                            <i class=\"iconfont icon-huanjing\"></i>\r\n                            <div class=\"security-list-item-text\" :class=\"currentItem.id === item.id ? 'security-list-item-text-active' : ''\">{{ item.name || \"新环境\" }}</div>\r\n                        </div>\r\n                        <i-poptip confirm title=\"确认删除这条数据吗？\" transfer placement=\"top-end\" @on-ok=\"onDelete(item)\">\r\n                            <i class=\"iconfont icon-delete\"></i>\r\n                        </i-poptip>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"right\">\r\n            <div class=\"right-title\">环境内容</div>\r\n            <div class=\"right-content\">\r\n                <i-form class=\"variable-content-form\" label-colon label-position=\"left\" v-if=\"isEmpty\"  :rules=\"rules\" :label-width=\"100\" :model=\"formData\">\r\n                    <i-form-item class=\"content-form-item\" label=\"环境名称\" prop=\"name\">\r\n                        <i-input class=\"diy-input\" placeholder=\"请输入\" v-model=\"formData.name\"></i-input>\r\n                    </i-form-item>\r\n                    <i-form-item class=\"content-form-item\" label=\"域名\" prop=\"address\">\r\n                        <i-input class=\"diy-input\" placeholder=\"请输入\" v-model=\"formData.address\">\r\n                            <i-select class=\"diy-select\" v-model=\"formData.type\" slot=\"prepend\" style=\"width: 100px\">\r\n                                <i-option value=\"http\">http://</i-option>\r\n                                <i-option value=\"https\">https://</i-option>\r\n                            </i-select>\r\n                        </i-input>\r\n                    </i-form-item>\r\n                    <i-form-item label=\"描述\" class=\"content-form-item item-remark\" prop=\"remark\">\r\n                        <i-input class=\"diy-input remark-textarea\" placeholder=\"请输入\" type=\"textarea\" v-model=\"formData.remark\"></i-input>\r\n                    </i-form-item>\r\n                </i-form>\r\n            </div>\r\n        </div>\r\n    </main>\r\n\r\n    <footer slot=\"footer\">\r\n        <template>\r\n            <i-button class=\"diy-btn-default\" @click=\"onCancel\">取消</i-button>\r\n            <i-button type=\"primary\" class=\"diy-btn-primary\" @click=\"onSave\">保存</i-button>\r\n        </template>\r\n    </footer>\r\n</i-modal>\r\n"
+
 /***/ }),
 
 /***/ "89c1":
@@ -41743,6 +41952,13 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__8bbf__;
 
 /***/ }),
 
+/***/ "8ea2":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "90e3":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -42077,13 +42293,6 @@ dom.importCssString(exports.cssText, exports.cssClass);
 });
 
 
-/***/ }),
-
-/***/ "9721":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
 /***/ }),
 
 /***/ "981a":
@@ -42767,13 +42976,6 @@ module.exports = "<i-poptip\r\n    transfer\r\n    class=\"u-tree-selector\"\r\n
 
 /***/ }),
 
-/***/ "a406":
-/***/ (function(module, exports) {
-
-module.exports = "<span>\r\n    <span>{{labelTitle}}</span>\r\n    <i-poptip trigger=\"hover\" :content=\"tips\">\r\n        <i class=\"api-icon icon-warning\" />\r\n    </i-poptip>\r\n    <span v-if=\"labelColon\">:</span>\r\n</span>\r\n"
-
-/***/ }),
-
 /***/ "a434":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -43191,6 +43393,27 @@ setToStringTag($Symbol, SYMBOL);
 hiddenKeys[HIDDEN] = true;
 
 
+/***/ }),
+
+/***/ "a630":
+/***/ (function(module, exports, __webpack_require__) {
+
+var $ = __webpack_require__("23e7");
+var from = __webpack_require__("4df4");
+var checkCorrectnessOfIteration = __webpack_require__("1c7e");
+
+var INCORRECT_ITERATION = !checkCorrectnessOfIteration(function (iterable) {
+  // eslint-disable-next-line es/no-array-from -- required for testing
+  Array.from(iterable);
+});
+
+// `Array.from` method
+// https://tc39.es/ecma262/#sec-array.from
+$({ target: 'Array', stat: true, forced: INCORRECT_ITERATION }, {
+  from: from
+});
+
+
 /***/ }),
 
 /***/ "a640":
@@ -45823,13 +46046,6 @@ $({ target: 'Object', stat: true, forced: FAILS_ON_PRIMITIVES }, {
 });
 
 
-/***/ }),
-
-/***/ "b676":
-/***/ (function(module, exports) {
-
-module.exports = "<article class=\"security-setting\">\r\n    <i-form class=\"type-form diy-form\" label-colon>\r\n        <i-form-item label=\"类型\">\r\n            <i-select transfer v-model=\"interfaceModel.authentication && interfaceModel.authentication.type\" class=\"diy-select\">\r\n                <i-option v-for=\"item in securityTypeList\" :key=\"item.name\" :value=\"item.name\">{{item.text}} </i-option>\r\n            </i-select>\r\n            <div class=\"tips\">\r\n                <i class=\"api-icon icon-warning\"></i>\r\n                <span>认证类型</span>\r\n            </div>\r\n        </i-form-item>\r\n        <i-form-item label=\"存储位置\">\r\n            <i-select transfer v-model=\"interfaceModel.authentication && interfaceModel.authentication.location\" class=\"diy-select\">\r\n                <i-option v-for=\"item in tokenLocationTypeList\" :key=\"item.name\" :value=\"item.name\"> {{item.text}} </i-option>\r\n            </i-select>\r\n            <div class=\"tips\">\r\n                <i class=\"api-icon icon-warning\"></i>\r\n                <span>认证信息存储位置</span>\r\n            </div>\r\n        </i-form-item>\r\n        <i-form-item label=\"存储键值\">\r\n            <i-input class=\"diy-input\" v-model=\"interfaceModel.authentication && interfaceModel.authentication.locationKey\"> </i-input>\r\n            <div class=\"tips\">\r\n                <i class=\"api-icon icon-warning\"></i>\r\n                <span>认证信息存储键值</span>\r\n            </div>\r\n        </i-form-item>\r\n    </i-form>\r\n    <section>\r\n        <i-form label-colon :label-width=\"200\" class=\"diy-form content-form\" label-position=\"left\">\r\n            <template v-if=\"interfaceModel.authentication && interfaceModel.authentication.type === 'Base_Auth'\">\r\n                <i-form-item label=\"username\">\r\n                    <i-input class=\"diy-input\" v-model=\"model.username\" placeholder=\"请输入\"> </i-input>\r\n                </i-form-item>\r\n                <i-form-item label=\"password\">\r\n                    <i-input class=\"diy-input\" v-model=\"model.password\" placeholder=\"请输入\" type=\"password\"> </i-input>\r\n                </i-form-item>\r\n            </template>\r\n            <template v-if=\"interfaceModel.authentication && interfaceModel.authentication.type === 'OAuth2'\">\r\n                <i-form-item>\r\n                    <u-tips-form-label slot=\"label\" label-colon labelTitle=\"Header Prefix\" tips=\"token前缀 例如 Bearer \"> </u-tips-form-label>\r\n                    <i-input class=\"diy-input\" v-model=\"model.headerPrefix\" placeholder=\"请输入\"> </i-input>\r\n                </i-form-item>\r\n                <i-form-item>\r\n                    <u-tips-form-label slot=\"label\" label-colon labelTitle=\"Grant Type\" tips=\"认证类型\"> </u-tips-form-label>\r\n                    <i-select transfer v-model=\"model.grantType\" class=\"diy-select\">\r\n                        <i-option v-for=\"item in grantTypeList\" :key=\"item.name\" :value=\"item.name\"> {{item.text}} </i-option>\r\n                    </i-select>\r\n                </i-form-item>\r\n                <i-form-item>\r\n                    <u-tips-form-label label-colon slot=\"label\" labelTitle=\"Access Token Url\" tips=\"获取token的httpUrl\"> </u-tips-form-label>\r\n                    <i-input class=\"diy-input\" v-model=\"model.tokenUrl\" placeholder=\"请输入\"> </i-input>\r\n                </i-form-item>\r\n                <i-form-item>\r\n                    <u-tips-form-label label-colon slot=\"label\" labelTitle=\"TokenPath\" tips=\"获取响应结果的token路径\"> </u-tips-form-label>\r\n                    <i-input class=\"diy-input\" v-model=\"model.tokenPath\" placeholder=\"请输入\"> </i-input>\r\n                </i-form-item>\r\n                <i-form-item label=\"Client ID\">\r\n                    <i-input class=\"diy-input\" v-model=\"model.clientId\" placeholder=\"请输入\"> </i-input>\r\n                </i-form-item>\r\n                <i-form-item label=\"Client Secret\">\r\n                    <i-input class=\"diy-input\" v-model=\"model.clientSecret\" placeholder=\"请输入\"> </i-input>\r\n                </i-form-item>\r\n                <template v-if=\"model.grantType === 'password'\">\r\n                    <i-form-item label=\"username\">\r\n                        <i-input class=\"diy-input\" v-model=\"model.username\" placeholder=\"请输入\"> </i-input>\r\n                    </i-form-item>\r\n                    <i-form-item label=\"password\">\r\n                        <i-input class=\"diy-input\" v-model=\"model.password\" type=\"password\" password placeholder=\"请输入\"> </i-input>\r\n                    </i-form-item>\r\n                </template>\r\n                <i-form-item label=\"Scope\">\r\n                    <i-input class=\"diy-input\" v-model=\"model.scope\" placeholder=\"请输入\"> </i-input>\r\n                </i-form-item>\r\n            </template>\r\n            <template v-if=\"interfaceModel.authentication && interfaceModel.authentication.type === 'Api_Key'\">\r\n                <i-form-item label=\"key\">\r\n                    <i-input class=\"diy-input\" v-model=\"model.key\" placeholder=\"请输入\"> </i-input>\r\n                </i-form-item>\r\n            </template>\r\n            <i-button type=\"primary\" class=\"clear-btn diy-btn-primary\" @click=\"onClear\">清空</i-button>\r\n        </i-form>\r\n    </section>\r\n</article>\r\n"
-
 /***/ }),
 
 /***/ "b727":
@@ -47246,7 +47462,7 @@ module.exports = /ipad|iphone|ipod/i.test(userAgent) && global.Pebble !== undefi
 /***/ "d63e":
 /***/ (function(module, exports) {
 
-module.exports = "<article class=\"project-detail\">\r\n    <header>\r\n        <div class=\"environment\">\r\n            <p>{{projectName}}</p>\r\n            <!-- <span>环境变量:</span> -->\r\n            <!-- <i-select class=\"diy-select\"></i-select> -->\r\n        </div>\r\n        <div class=\"btns\">\r\n            <!-- <i-button type=\"primary\" ghost class=\"diy-btn-primary\" @click=\"onOpenGlobalModal\"> <i class=\"api-icon icon-setting\"></i>全局参数设置</i-button> -->\r\n            <!-- <i-button type=\"success\" ghost class=\"diy-btn-success\" @click=\"onOpenCurrentModal\"><i class=\"api-icon icon-view\"></i>查看当前变量</i-button> -->\r\n            <i-button v-if=\"projectId && projectName\" type=\"primary\" class=\"diy-btn-primary security-btn\" ghost @click=\"onSecurity\"><i class=\"iconfont icon-xinzengzhibiao\"></i>授权认证</i-button>\r\n            <i-button type=\"primary\" class=\"diy-btn-primary button-back\" ghost icon=\"md-return-left\" @click=\"onBack\">返回列表</i-button>\r\n            <i-button v-show=\"active.id\" type=\"primary\" class=\"diy-btn-primary\" ghost @click=\"onToggleLayout\"><i class=\"api-icon icon-switch\"></i>切换布局</i-button>\r\n        </div>\r\n    </header>\r\n    <!-- <main> -->\r\n    <i-split v-model=\"split\" min=\"200px\" max=\"900px\">\r\n        <u-tree slot=\"left\" @on-check-interface=\"onCheckInterface\" @on-edit-interface-success=\"onEditInterfaceSuccess\" :project-id=\"projectId\"></u-tree>\r\n        <section slot=\"right\" class=\"interface-box\">\r\n            <header class=\"interface-bar\">\r\n                <swiper class=\"swiper\" :options=\"swiperOption\" @click-slide=\"onClickSlide\" @ready=\"onSwiperReadied\">\r\n                    <swiper-slide class=\"tag\" @click=\"onClickTag(item)\" :class=\"{'active': item.id === active.id}\" v-for=\"(item,index) in openInterfaceList\" :key=\"item.id\"\r\n                        ><span>{{item.name}}</span> <i-icon type=\"md-close\" @click.stop=\"onClose(index)\"></i-icon\r\n                    ></swiper-slide>\r\n                </swiper>\r\n                <!-- <div class=\"tag\" @click=\"onClickTag(item)\" :class=\"{'active': item.id === active.id}\" v-for=\"(item,index) in openInterfaceList\" :key=\"item.id\">\r\n                    <span>{{item.name}}</span>\r\n                    <i-icon type=\"md-close\" @click.stop=\"onClose(index)\"></i-icon>\r\n                </div> -->\r\n            </header>\r\n            <u-settings :interface-model.sync=\"active\" :project-id=\"projectId\" v-if=\"active.id\" :lengthwise=\"lengthwise\"></u-settings>\r\n        </section>\r\n    </i-split>\r\n    <i-spin fix v-show=\"loading\">\r\n        <i class=\"spin-icon-load ivu-icon\"></i>\r\n    </i-spin>\r\n    <!-- </main> -->\r\n    <u-global-modal :visiable.sync=\"showGlobalModal\">\r\n        <footer slot=\"footer\">\r\n            <i-button @click=\"showGlobalModal = false\">取消</i-button>\r\n            <i-button type=\"primary\" class=\"diy-btn-primary\">确定</i-button>\r\n        </footer>\r\n    </u-global-modal>\r\n    <u-current-modal :visiable.sync=\"showCurrentModal\"> </u-current-modal>\r\n    <u-security-modal v-model=\"showSecurity\" :projectID=\"projectId\"></u-security-modal>\r\n</article>\r\n"
+module.exports = "<article class=\"project-detail\">\r\n    <header>\r\n        <div class=\"environment\">\r\n            <i class=\"iconfont icon-zhankai\" @click=\"onBack\"></i>\r\n            <p>{{projectName}}</p>\r\n            <!-- <span>环境变量:</span> -->\r\n            <!-- <i-select class=\"diy-select\"></i-select> -->\r\n        </div>\r\n        <div class=\"btns\">\r\n            <!-- <i-button type=\"primary\" ghost class=\"diy-btn-primary\" @click=\"onOpenGlobalModal\"> <i class=\"api-icon icon-setting\"></i>全局参数设置</i-button> -->\r\n            <!-- <i-button type=\"success\" ghost class=\"diy-btn-success\" @click=\"onOpenCurrentModal\"><i class=\"api-icon icon-view\"></i>查看当前变量</i-button> -->\r\n            <i-button v-if=\"projectId && projectName\" type=\"primary\" class=\"diy-btn-primary security-btn\" ghost @click=\"onSecurity\"><i class=\"iconfont icon-xinzengzhibiao\"></i>授权认证</i-button>\r\n            <i-button v-if=\"projectId && projectName\" type=\"primary\" class=\"diy-btn-primary\" ghost @click=\"onOpenEnvModal\"><i class=\"iconfont icon-bianliang\"></i>环境变量</i-button>\r\n            <i-button v-show=\"active.id\" type=\"primary\" class=\"diy-btn-primary\" ghost @click=\"onToggleLayout\"><i class=\"api-icon icon-switch\"></i>切换布局</i-button>\r\n        </div>\r\n    </header>\r\n    <!-- <main> -->\r\n    <i-split v-model=\"split\" min=\"200px\" max=\"900px\">\r\n        <u-tree slot=\"left\" @on-check-interface=\"onCheckInterface\" @on-edit-interface-success=\"onEditInterfaceSuccess\" :project-id=\"projectId\" @on-success=\"onBatchSuccess\"></u-tree>\r\n        <section slot=\"right\" class=\"interface-box\">\r\n            <header class=\"interface-bar\">\r\n                <swiper class=\"swiper\" :options=\"swiperOption\" @click-slide=\"onClickSlide\" @ready=\"onSwiperReadied\">\r\n                    <swiper-slide class=\"tag\" @click=\"onClickTag(item)\" :class=\"{'active': item.id === active.id}\" v-for=\"(item,index) in openInterfaceList\" :key=\"item.id\"\r\n                        ><span>{{item.name}}</span> <i-icon type=\"md-close\" @click.stop=\"onClose(index)\"></i-icon\r\n                    ></swiper-slide>\r\n                </swiper>\r\n                <!-- <div class=\"tag\" @click=\"onClickTag(item)\" :class=\"{'active': item.id === active.id}\" v-for=\"(item,index) in openInterfaceList\" :key=\"item.id\">\r\n                    <span>{{item.name}}</span>\r\n                    <i-icon type=\"md-close\" @click.stop=\"onClose(index)\"></i-icon>\r\n                </div> -->\r\n            </header>\r\n            <u-settings :interface-model.sync=\"active\" :project-id=\"projectId\" v-if=\"active.id\" :lengthwise=\"lengthwise\"></u-settings>\r\n        </section>\r\n    </i-split>\r\n    <i-spin fix v-show=\"loading\">\r\n        <i class=\"spin-icon-load ivu-icon\"></i>\r\n    </i-spin>\r\n    <!-- </main> -->\r\n    <u-global-modal :visiable.sync=\"showGlobalModal\">\r\n        <footer slot=\"footer\">\r\n            <i-button @click=\"showGlobalModal = false\">取消</i-button>\r\n            <i-button type=\"primary\" class=\"diy-btn-primary\">确定</i-button>\r\n        </footer>\r\n    </u-global-modal>\r\n    <u-current-modal :visiable.sync=\"showCurrentModal\"> </u-current-modal>\r\n    <u-security-modal v-model=\"showSecurity\" :projectID=\"projectId\"></u-security-modal>\r\n    <u-environment-modal :visiable.sync=\"showEnvironmentModal\" :projectId=\"projectId\"></u-environment-modal>\r\n</article>\r\n"
 
 /***/ }),
 
@@ -47382,7 +47598,7 @@ module.exports = "<div class=\"v-parameter-list-container\">\r\n    <main>\r\n
 /***/ "d8e7":
 /***/ (function(module, exports) {
 
-module.exports = "<!DOCTYPE html>\n<article class=\"v-api-combine-info-wrapper\">\n    <header class=\"header\">\n        {{title}}\n    </header>\n    <main>\n        <i-form ref=\"form\" class=\"info-form\" :model=\"model\" :rules=\"rules\">\n            <i-row>\n                <section class=\"title-g\">基本信息</section>\n                <i-form-item label=\"名称:\" prop=\"name\">\n                    <i-input class=\"diy-input\" placeholder=\"请输入名称\" v-model=\"model.name\" :disabled=\"!isEdit\"></i-input>\n                </i-form-item>\n                <i-form-item label=\"编码:\" prop=\"code\">\n                    <i-input class=\"diy-input\" placeholder=\"请输入编码\" v-model=\"model.code\" :disabled=\"!isEdit\"></i-input>\n                </i-form-item>\n                <i-form-item class=\"full-width\" label=\"描述:\">\n                    <i-input type=\"textarea\" class=\"diy-input-textarea\" :rows=\"1\" placeholder=\"请输入描述\" v-model=\"model.description\" :disabled=\"!isEdit\"></i-input>\n                </i-form-item>\n            </i-row>\n            <i-row>\n                <section class=\"title-g\">待合并列表</section>\n                <section class=\"to-combine-list\">\n                    <template v-if=\"isEdit\">\n                        <i-button class=\"diy-btn-default\" @click=\"onAddDataModel\">添加数据模型</i-button>\n                        <i-button class=\"diy-btn-default\" @click=\"onAddApiProject\">添加 API</i-button>\n                    </template>\n                    <i-table class=\"diy-table\" :columns=\"relationColumns\" :data=\"model.relations\">\n                        <template #type=\"{row}\">\n                            <span>{{row.type==='MODEL'?'数据模型':row.type==='API'?'API':''}}</span>\n                        </template>\n                        <template #operates=\"{row,index}\">\n                            <div class=\"row-actions\">\n                                <i title=\"查看\" class=\"iconfont icon-detail\" @click=\"onDetail(row)\"></i>\n                                <i-poptip v-if=\"isEdit\" confirm transfer title=\"确认删除这条数据吗？\" @on-ok=\"onRelationDelete(row)\">\n                                    <i title=\"删除\" class=\"iconfont icon-delete\"></i>\n                                </i-poptip>\n                            </div>\n                        </template>\n                    </i-table>\n                </section>\n            </i-row>\n            <i-row>\n                <section class=\"title-g\">参数详情</section>\n                <section class=\"parameter-detail\">\n                    <section class=\"card-panel card-panel-no-right-border\">\n                        <i-tabs>\n                            <i-tab-pane label=\"请求参数\" name=\"request\">\n                                <u-request-parameter-list :data=\"model.reqParams\" :isEdit=\"isEdit\"></u-request-parameter-list>\n                            </i-tab-pane>\n                            <i-tab-pane label=\"响应参数\" name=\"response\">\n                                <u-response-parameter-list :data=\"model.respParams\" :isEdit=\"isEdit\"></u-response-parameter-list>\n                            </i-tab-pane>\n                        </i-tabs>\n                    </section>\n                    <section class=\"card-panel\">\n                        <div class=\"card-panel-header\">\n                            <div>\n                                <span>执行脚本</span>\n                                <i-icon class=\"help-icon\" type=\"md-alert\" @click=\"onOpenDoc\" title=\"帮助文档\"> </i-icon>\n                            </div>\n                            <span class=\"action-text\" @click.stop=\"onOpenTest\">\n                                <i class=\"iconfont icon-run\"></i>\n                                <span>试运行</span>\n                            </span>\n                        </div>\n                        <div class=\"card-panel-main\">\n                            <u-base-editor class=\"editor\" :data.sync=\"model.content\" :readOnly=\"!isEdit\"></u-base-editor>\n                        </div>\n                    </section>\n                </section>\n            </i-row>\n        </i-form>\n    </main>\n    <footer>\n        <template v-if=\"isEdit\">\n            <i-button type=\"primary\" class=\"diy-btn-primary\" @click.stop=\"onSave\">确定</i-button>\n            <i-button type=\"text\" class=\"diy-btn-text\" @click.stop=\"onBack\">取消</i-button>\n        </template>\n        <template v-else>\n            <i-button type=\"primary\" class=\"diy-btn-primary\" @click.stop=\"onBack\">关闭</i-button>\n        </template>\n    </footer>\n    <u-data-model-modal v-model=\"dataModelShow\" :data=\"dataModelRelations\" @save=\"onRelationsSave\"></u-data-model-modal>\n    <u-api-project-modal v-model=\"apiProjectShow\" :data=\"apiProjectRelations\" @save=\"onRelationsSave\"></u-api-project-modal>\n    <u-data-model-doc-modal v-model=\"dataModelDocShow\" :doc=\"dataModelDoc\"></u-data-model-doc-modal>\n    <u-api-project-detail-modal :visiable.sync=\"apiProjectDetailShow\" :model=\"apiProjectDetail\"></u-api-project-detail-modal>\n    <u-test-run-modal :visible.sync=\"testShow\" :params=\"model.reqParams\" :data=\"testResult\" @on-run=\"onTestRun\"></u-test-run-modal>\n    <u-data-model-doc v-model=\"docShow\" :doc=\"doc\"></u-data-model-doc>\n</article>\n"
+module.exports = "<!DOCTYPE html>\r\n<article class=\"v-api-combine-info-wrapper\">\r\n    <header class=\"header\">\r\n        {{title}}\r\n    </header>\r\n    <main>\r\n        <i-form ref=\"form\" class=\"info-form\" :model=\"model\" :rules=\"rules\">\r\n            <i-row>\r\n                <section class=\"title-g\">基本信息</section>\r\n                <i-form-item label=\"名称:\" prop=\"name\">\r\n                    <i-input class=\"diy-input\" placeholder=\"请输入名称\" v-model=\"model.name\" :disabled=\"!isEdit\"></i-input>\r\n                </i-form-item>\r\n                <i-form-item label=\"编码:\" prop=\"code\">\r\n                    <i-input class=\"diy-input\" placeholder=\"请输入编码\" v-model=\"model.code\" :disabled=\"!isEdit\"></i-input>\r\n                </i-form-item>\r\n                <i-form-item class=\"full-width\" label=\"描述:\">\r\n                    <i-input type=\"textarea\" class=\"diy-input-textarea\" :rows=\"1\" placeholder=\"请输入描述\" v-model=\"model.description\" :disabled=\"!isEdit\"></i-input>\r\n                </i-form-item>\r\n            </i-row>\r\n            <i-row>\r\n                <section class=\"title-g\">待合并列表</section>\r\n                <section class=\"to-combine-list\">\r\n                    <template v-if=\"isEdit\">\r\n                        <i-button class=\"diy-btn-default\" @click=\"onAddDataModel\">添加数据模型</i-button>\r\n                        <i-button class=\"diy-btn-default\" @click=\"onAddApiProject\">添加 API</i-button>\r\n                    </template>\r\n                    <i-table class=\"diy-table\" :columns=\"relationColumns\" :data=\"model.relations\">\r\n                        <template #type=\"{row}\">\r\n                            <span>{{row.type==='MODEL'?'数据模型':row.type==='API'?'API':''}}</span>\r\n                        </template>\r\n                        <template #operates=\"{row,index}\">\r\n                            <div class=\"row-actions\">\r\n                                <i title=\"查看\" class=\"iconfont icon-detail\" @click=\"onDetail(row)\"></i>\r\n                                <i-poptip v-if=\"isEdit\" confirm transfer title=\"确认删除这条数据吗？\" @on-ok=\"onRelationDelete(row)\">\r\n                                    <i title=\"删除\" class=\"iconfont icon-delete\"></i>\r\n                                </i-poptip>\r\n                            </div>\r\n                        </template>\r\n                    </i-table>\r\n                </section>\r\n            </i-row>\r\n            <i-row>\r\n                <section class=\"title-g\">参数详情</section>\r\n                <section class=\"parameter-detail\">\r\n                    <section class=\"card-panel card-panel-no-right-border\">\r\n                        <i-tabs>\r\n                            <i-tab-pane label=\"请求参数\" name=\"request\">\r\n                                <u-request-parameter-list :data=\"model.reqParams\" :isEdit=\"isEdit\"></u-request-parameter-list>\r\n                            </i-tab-pane>\r\n                            <i-tab-pane label=\"响应参数\" name=\"response\">\r\n                                <u-response-parameter-list :data=\"model.respParams\" :isEdit=\"isEdit\"></u-response-parameter-list>\r\n                            </i-tab-pane>\r\n                        </i-tabs>\r\n                    </section>\r\n                    <section class=\"card-panel\">\r\n                        <div class=\"card-panel-header\">\r\n                            <div>\r\n                                <span>执行脚本</span>\r\n                                <i-icon class=\"help-icon\" type=\"md-alert\" @click=\"onOpenDoc\" title=\"帮助文档\"> </i-icon>\r\n                            </div>\r\n                            <span class=\"action-text\" @click.stop=\"onOpenTest\">\r\n                                <i class=\"iconfont icon-run\"></i>\r\n                                <span>试运行</span>\r\n                            </span>\r\n                        </div>\r\n                        <div class=\"card-panel-main\">\r\n                            <u-base-editor class=\"editor\" :data.sync=\"model.content\" :readOnly=\"!isEdit\"></u-base-editor>\r\n                        </div>\r\n                    </section>\r\n                </section>\r\n            </i-row>\r\n        </i-form>\r\n    </main>\r\n    <footer>\r\n        <template v-if=\"isEdit\">\r\n            <i-button type=\"primary\" class=\"diy-btn-primary\" @click.stop=\"onSave\">确定</i-button>\r\n            <i-button type=\"text\" class=\"diy-btn-text\" @click.stop=\"onBack\">取消</i-button>\r\n        </template>\r\n        <template v-else>\r\n            <i-button type=\"primary\" class=\"diy-btn-primary\" @click.stop=\"onBack\">关闭</i-button>\r\n        </template>\r\n    </footer>\r\n    <u-data-model-modal v-model=\"dataModelShow\" :data=\"dataModelRelations\" @save=\"onRelationsSave\"></u-data-model-modal>\r\n    <u-api-project-modal v-model=\"apiProjectShow\" :data=\"apiProjectRelations\" @save=\"onRelationsSave\"></u-api-project-modal>\r\n    <u-data-model-doc-modal v-model=\"dataModelDocShow\" :doc=\"dataModelDoc\"></u-data-model-doc-modal>\r\n    <u-api-project-detail-modal :visiable.sync=\"apiProjectDetailShow\" :model=\"apiProjectDetail\"></u-api-project-detail-modal>\r\n    <u-test-run-modal :visible.sync=\"testShow\" :params=\"model.reqParams\" :data=\"testResult\" @on-run=\"onTestRun\"></u-test-run-modal>\r\n    <u-data-model-doc v-model=\"docShow\" :doc=\"doc\"></u-data-model-doc>\r\n</article>\r\n"
 
 /***/ }),
 
@@ -47396,7 +47612,7 @@ module.exports = "<!DOCTYPE html>\n<article class=\"v-api-combine-info-wrapper\"
 /***/ "d953":
 /***/ (function(module, exports) {
 
-module.exports = "<div class=\"interface-tree-node\" @click=\"onClick\">\r\n    <span v-if=\"isLeaf && data.method\" class=\"method\" :class=\"data.method.toLowerCase() \"\r\n        >{{data.method}}</span\r\n    >\r\n    <i class=\"api-icon icon-interface\"></i>\r\n    <span class=\"interface-tree-node-name\" :title=\"data.title\">{{data.title}}</span>\r\n    <i-dropdown\r\n        transfer\r\n        stop-propagation\r\n        class=\"diy-dropdown\"\r\n        transfer-class-name=\"diy-transfer-dropdown\"\r\n        @on-click=\"onClickAction\"\r\n    >\r\n        <i class=\"api-icon icon-more\"></i>\r\n        <i-dropdown-menu slot=\"list\">\r\n            <template v-if=\"isLeaf\">\r\n                <i-dropdown-item name=\"edit-interface\">修改</i-dropdown-item>\r\n                <i-dropdown-item name=\"delete-interface\">删除</i-dropdown-item>\r\n                <i-dropdown-item name=\"copy-interface\">复制</i-dropdown-item>\r\n            </template>\r\n            <template v-else>\r\n                <i-dropdown-item name=\"edit-group\">修改</i-dropdown-item>\r\n                <i-dropdown-item name=\"add-interface\">新增接口</i-dropdown-item>\r\n                <u-confirm\r\n                    title=\"删除接口\"\r\n                    @on-ok=\"onDelete('delete-group')\"\r\n                    message=\"分组内的接口一并删除， 是否确认执行？\"\r\n                >\r\n                    <i-dropdown-item>删除</i-dropdown-item>\r\n                </u-confirm>\r\n            </template>\r\n        </i-dropdown-menu>\r\n    </i-dropdown>\r\n</div>\r\n"
+module.exports = "<div class=\"interface-tree-node\" @click=\"onClick\">\r\n    <span v-if=\"isLeaf && data.method\" class=\"method\" :class=\"data.method.toLowerCase() \"\r\n        >{{data.method}}</span\r\n    >\r\n    <i :class=\"isLeaf ? 'iconfont icon-API' : 'iconfont icon-APIfenzu2'\"></i>\r\n    <span class=\"interface-tree-node-name\" :title=\"data.title\">{{data.title}}</span>\r\n    <i-dropdown\r\n        transfer\r\n        stop-propagation\r\n        class=\"diy-dropdown\"\r\n        transfer-class-name=\"diy-transfer-dropdown\"\r\n        @on-click=\"onClickAction\"\r\n    >\r\n        <i class=\"api-icon icon-more\"></i>\r\n        <i-dropdown-menu slot=\"list\">\r\n            <template v-if=\"isLeaf\">\r\n                <i-dropdown-item name=\"edit-interface\">修改</i-dropdown-item>\r\n                <i-dropdown-item name=\"delete-interface\">删除</i-dropdown-item>\r\n                <i-dropdown-item name=\"copy-interface\">复制</i-dropdown-item>\r\n            </template>\r\n            <template v-else>\r\n                <i-dropdown-item name=\"edit-group\">修改</i-dropdown-item>\r\n                <i-dropdown-item name=\"add-interface\">新增接口</i-dropdown-item>\r\n                <i-dropdown-item name=\"edit-attribute\">批量修改属性</i-dropdown-item>\r\n                <u-confirm\r\n                    title=\"删除接口\"\r\n                    @on-ok=\"onDelete('delete-group')\"\r\n                    message=\"分组内的接口一并删除， 是否确认执行？\"\r\n                >\r\n                    <i-dropdown-item>删除</i-dropdown-item>\r\n                </u-confirm>\r\n            </template>\r\n        </i-dropdown-menu>\r\n    </i-dropdown>\r\n</div>\r\n"
 
 /***/ }),
 
@@ -48465,6 +48681,13 @@ if ($stringify) {
 
 /***/ }),
 
+/***/ "eaed":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "eb57":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -48615,7 +48838,7 @@ module.exports = uncurryThis([].slice);
 /***/ "f40e":
 /***/ (function(module, exports) {
 
-module.exports = "<article class=\"interface-settings\">\n    <header>\n<!--        <i-input class=\"diy-input\" v-model=\"interfaceModel.info.url\">-->\n<!--            <i-select transfer slot=\"prepend\" class=\"diy-select\" v-model=\"interfaceModel.info.method\">-->\n<!--                <i-option v-for=\"item in typeList\" :key=\"item.value\" :value=\"item.value\">{{item.text}}</i-option>-->\n<!--            </i-select>-->\n<!--        </i-input>-->\n        <i-select class=\"diy-select method-select\" v-model=\"interfaceModel.info.method\">\n            <i-option v-for=\"item in typeList\" :key=\"item.value\" :value=\"item.value\">{{item.text}}</i-option>\n        </i-select>\n        <i-select class=\"diy-select env-select\" v-model=\"interfaceModel.info.envId\">\n            <i-option v-for=\"item in paramList\" :key=\"item.id\" :value=\"item.id\">{{item.name + \"：\" + item.value}}</i-option>\n        </i-select>\n        <i-input class=\"diy-input url-input\" v-model=\"interfaceModel.info.url\"></i-input>\n\n        <i-button type=\"primary\" class=\"diy-btn-primary submit-btn\" @click=\"onRun\">发送</i-button>\n        <i-button type=\"primary\" class=\"diy-btn-primary\" @click=\"onSave\" ghost>保存</i-button>\n        <i-button type=\"primary\" class=\"diy-btn-primary his-btn\" @click=\"onVersion\" ghost>查看历史版本</i-button>\n        <i-icon class=\"export\" title=\"导出\" type=\"md-download\" @click=\"onExport\" />\n        <i-upload action=\"\" :before-upload=\"onImport\" :show-upload-list=\"false\">\n            <i-icon class=\"import\" title=\"导入\" type=\"md-cloud-upload\" />\n        </i-upload>\n    </header>\n    <main :class=\"{'transverse': !lengthwise}\">\n        <section class=\"request\">\n            <div class=\"request-bar\">\n                <div\n                    class=\"tag\"\n                    :class=\"{'active': currentRequestSettingType.name.indexOf(item.name) === 0}\"\n                    v-for=\"(item,index) in requertSettingTypeList\"\n                    :key=\"item.name\"\n                    @click=\"onClickRequertSettingTpye(item)\"\n                >\n                    <span>{{item.title}}</span>\n                </div>\n            </div>\n            <div class=\"request-content\">\n                <component\n                    :is=\"currentRequestSettingType.name\"\n                    :lengthwise=\"lengthwise\"\n                    :interface-model=\"interfaceModel\"\n                    :response=\"response\"\n                    :key=\"interfaceModel.info.id + currentRequestSettingType.name\"\n                    :projectID=\"projectId\"\n                    :currentSecurityID=\"currentId\"\n                    @on-current-id=\"onCurrentId\"\n                ></component>\n            </div>\n        </section>\n        <response :key=\"interfaceModel.info.id + 'response'\" :lengthwise=\"lengthwise\" :response=\"response\"></response>\n    </main>\n    <i-spin fix v-show=\"loading\">\n        <i class=\"spin-icon-load ivu-icon\"></i>\n    </i-spin>\n</article>\n"
+module.exports = "<article class=\"interface-settings\">\r\n    <header>\r\n<!--        <i-input class=\"diy-input\" v-model=\"interfaceModel.info.url\">-->\r\n<!--            <i-select transfer slot=\"prepend\" class=\"diy-select\" v-model=\"interfaceModel.info.method\">-->\r\n<!--                <i-option v-for=\"item in typeList\" :key=\"item.value\" :value=\"item.value\">{{item.text}}</i-option>-->\r\n<!--            </i-select>-->\r\n<!--        </i-input>-->\r\n        <i-select class=\"diy-select method-select\" v-model=\"interfaceModel.info.method\">\r\n            <i-option v-for=\"item in typeList\" :key=\"item.value\" :value=\"item.value\">{{item.text}}</i-option>\r\n        </i-select>\r\n        <i-select class=\"diy-select env-select\" v-model=\"interfaceModel.info.envId\" clearable>\r\n            <i-option v-for=\"item in paramList\" :key=\"item.id\" :value=\"item.id\">{{item.name + \"：\" + item.value}}</i-option>\r\n        </i-select>\r\n        <i-input class=\"diy-input url-input\" v-model=\"interfaceModel.info.url\"></i-input>\r\n\r\n        <i-button type=\"primary\" class=\"diy-btn-primary submit-btn\" @click=\"onRun\">发送</i-button>\r\n        <i-button type=\"primary\" class=\"diy-btn-primary\" @click=\"onSave\" ghost>保存</i-button>\r\n        <i-button type=\"primary\" class=\"diy-btn-primary his-btn\" @click=\"onVersion\" ghost>查看历史版本</i-button>\r\n        <i class=\"export iconfont icon-xiazai\" title=\"导出\" type=\"md-download\" @click=\"onExport\"></i>\r\n        <i-upload action=\"\" :before-upload=\"onImport\" :show-upload-list=\"false\">\r\n            <i class=\"import iconfont icon-shangchuan\" title=\"导入\" type=\"md-cloud-upload\"></i>\r\n        </i-upload>\r\n\r\n    </header>\r\n    <main :class=\"{'transverse': !lengthwise}\">\r\n        <section class=\"request\">\r\n            <div class=\"request-bar\">\r\n                <div\r\n                    class=\"tag\"\r\n                    :class=\"{'active': currentRequestSettingType.name.indexOf(item.name) === 0}\"\r\n                    v-for=\"(item,index) in requertSettingTypeList\"\r\n                    :key=\"item.name\"\r\n                    @click=\"onClickRequertSettingTpye(item)\"\r\n                >\r\n                    <span>{{item.title}}</span>\r\n                </div>\r\n            </div>\r\n            <div class=\"request-content\">\r\n                <component\r\n                    :is=\"currentRequestSettingType.name\"\r\n                    :lengthwise=\"lengthwise\"\r\n                    :interface-model=\"interfaceModel\"\r\n                    :response=\"response\"\r\n                    :key=\"interfaceModel.info.id + currentRequestSettingType.name\"\r\n                    :projectID=\"projectId\"\r\n                    :currentSecurityID=\"currentId\"\r\n                    @on-current-id=\"onCurrentId\"\r\n                ></component>\r\n            </div>\r\n        </section>\r\n        <response :key=\"interfaceModel.info.id + 'response'\" :lengthwise=\"lengthwise\" :response=\"response\"></response>\r\n    </main>\r\n    <i-spin fix v-show=\"loading\">\r\n        <i class=\"spin-icon-load ivu-icon\"></i>\r\n    </i-spin>\r\n</article>\r\n"
 
 /***/ }),
 
@@ -58498,12 +58721,36 @@ function (_super) {
 
   ApiService.prototype.updateSecurityItem = function (data) {
     return this._put("/unity/api/authentication", data);
-  };
+  }; // @serviceHandler("query", { title: "环境列表查询", showErrorMsg: true })
+  // public getEnvironmentParamList(data: any) {
+  //     return this._post<any>("/unity/api/environment-param/list", data);
+  // }
+
 
-  ApiService.prototype.getEnvironmentParamList = function (data) {
+  ApiService.prototype.getVariableList = function (data) {
     return this._post("/unity/api/environment-param/list", data);
   };
 
+  ApiService.prototype.saveVariable = function (data) {
+    if (data === null || data === void 0 ? void 0 : data.id) {
+      return this._put("/unity/api/environment-param", data);
+    } else {
+      return this._post("/unity/api/environment-param", data);
+    }
+  };
+
+  ApiService.prototype.deleteVariable = function (id) {
+    return this._delete("/unity/api/environment-param/".concat(id));
+  };
+
+  ApiService.prototype.onBatchEnv = function (data) {
+    return this._post("/unity/api/info/env", data);
+  };
+
+  ApiService.prototype.onBatchAuth = function (data) {
+    return this._post("/unity/api/info/auth", data);
+  };
+
   var _a, _b;
 
   project_detail_service_decorate([serviceHandler("query", {
@@ -58593,9 +58840,29 @@ function (_super) {
   }), project_detail_service_metadata("design:type", Function), project_detail_service_metadata("design:paramtypes", [Object]), project_detail_service_metadata("design:returntype", void 0)], ApiService.prototype, "updateSecurityItem", null);
 
   project_detail_service_decorate([serviceHandler("query", {
-    title: "环境列表查询",
+    title: "环境变量详情",
     showErrorMsg: true
-  }), project_detail_service_metadata("design:type", Function), project_detail_service_metadata("design:paramtypes", [Object]), project_detail_service_metadata("design:returntype", void 0)], ApiService.prototype, "getEnvironmentParamList", null);
+  }), project_detail_service_metadata("design:type", Function), project_detail_service_metadata("design:paramtypes", [Object]), project_detail_service_metadata("design:returntype", void 0)], ApiService.prototype, "getVariableList", null);
+
+  project_detail_service_decorate([serviceHandler("save", {
+    title: "保存环境变量",
+    showErrorMsg: true
+  }), project_detail_service_metadata("design:type", Function), project_detail_service_metadata("design:paramtypes", [Object]), project_detail_service_metadata("design:returntype", void 0)], ApiService.prototype, "saveVariable", null);
+
+  project_detail_service_decorate([serviceHandler("query", {
+    title: "删除环境变量",
+    showErrorMsg: true
+  }), project_detail_service_metadata("design:type", Function), project_detail_service_metadata("design:paramtypes", [String]), project_detail_service_metadata("design:returntype", void 0)], ApiService.prototype, "deleteVariable", null);
+
+  project_detail_service_decorate([serviceHandler("query", {
+    title: "批量修改环境变量",
+    showErrorMsg: true
+  }), project_detail_service_metadata("design:type", Function), project_detail_service_metadata("design:paramtypes", [Object]), project_detail_service_metadata("design:returntype", void 0)], ApiService.prototype, "onBatchEnv", null);
+
+  project_detail_service_decorate([serviceHandler("query", {
+    title: "批量修改授权设置",
+    showErrorMsg: true
+  }), project_detail_service_metadata("design:type", Function), project_detail_service_metadata("design:paramtypes", [Object]), project_detail_service_metadata("design:returntype", void 0)], ApiService.prototype, "onBatchAuth", null);
 
   return ApiService;
 }(common_service);
@@ -59513,95 +59780,21 @@ function (_super) {
 }(flagwind_web_["Component"]);
 
 /* harmony default export */ var project_detail_global_variable_modal = (global_variable_modal_GlobalVariableModal);
-// EXTERNAL MODULE: ./src/views/project-detail/index.scss
-var project_detail = __webpack_require__("fe54");
-
-// CONCATENATED MODULE: ./src/views/project-detail/base-editor-setting.ts
-
-
-
-
-
-
-var base_editor_setting_extends = undefined && undefined.__extends || function () {
-  var _extendStatics = function extendStatics(d, b) {
-    _extendStatics = Object.setPrototypeOf || {
-      __proto__: []
-    } instanceof Array && function (d, b) {
-      d.__proto__ = b;
-    } || function (d, b) {
-      for (var p in b) {
-        if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];
-      }
-    };
-
-    return _extendStatics(d, b);
-  };
-
-  return function (d, b) {
-    if (typeof b !== "function" && b !== null) throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-
-    _extendStatics(d, b);
-
-    function __() {
-      this.constructor = d;
-    }
-
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-  };
-}();
-
-var base_editor_setting_decorate = undefined && undefined.__decorate || function (decorators, target, key, desc) {
-  var c = arguments.length,
-      r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
-      d;
-  if ((typeof Reflect === "undefined" ? "undefined" : _typeof(Reflect)) === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) {
-    if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-  }
-  return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-
-var base_editor_setting_metadata = undefined && undefined.__metadata || function (k, v) {
-  if ((typeof Reflect === "undefined" ? "undefined" : _typeof(Reflect)) === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-
-
-
-var base_editor_setting_BaseEditorSetting =
-/** @class */
-function (_super) {
-  base_editor_setting_extends(BaseEditorSetting, _super);
-
-  function BaseEditorSetting() {
-    var _this = _super !== null && _super.apply(this, arguments) || this;
-
-    _this.editor = {};
-    return _this;
-  }
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.replace.js
+var es_string_replace = __webpack_require__("5319");
 
-  BaseEditorSetting.prototype.onEditorInited = function (editor) {
-    this.editor = editor;
-  };
+// EXTERNAL MODULE: ./src/views/project-detail/environment-variable-modal/index.scss
+var environment_variable_modal = __webpack_require__("eaed");
 
-  BaseEditorSetting.prototype.resizeEditor = function () {
-    this.editor.resize && this.editor.resize();
-  };
+// EXTERNAL MODULE: ./node_modules/lodash.debounce/index.js
+var lodash_debounce = __webpack_require__("f7fe");
+var lodash_debounce_default = /*#__PURE__*/__webpack_require__.n(lodash_debounce);
 
-  base_editor_setting_decorate([Object(flagwind_web_["config"])({
-    default: true
-  }), base_editor_setting_metadata("design:type", Boolean)], BaseEditorSetting.prototype, "lengthwise", void 0);
+// CONCATENATED MODULE: ./src/views/project-detail/environment-variable-modal/index.ts
 
-  base_editor_setting_decorate([Object(flagwind_web_["watch"])("lengthwise"), base_editor_setting_metadata("design:type", Function), base_editor_setting_metadata("design:paramtypes", []), base_editor_setting_metadata("design:returntype", void 0)], BaseEditorSetting.prototype, "resizeEditor", null);
 
-  BaseEditorSetting = base_editor_setting_decorate([Object(flagwind_web_["component"])({})], BaseEditorSetting);
-  return BaseEditorSetting;
-}(flagwind_web_["Component"]);
 
-/* harmony default export */ var base_editor_setting = (base_editor_setting_BaseEditorSetting);
-// EXTERNAL MODULE: ./src/views/project-detail/pre-execution-setting/index.scss
-var pre_execution_setting = __webpack_require__("d928");
 
-// CONCATENATED MODULE: ./src/views/project-detail/pre-execution-setting/index.ts
 
 
 
@@ -59615,7 +59808,7 @@ var pre_execution_setting = __webpack_require__("d928");
 
 
 
-var pre_execution_setting_extends = undefined && undefined.__extends || function () {
+var environment_variable_modal_extends = undefined && undefined.__extends || function () {
   var _extendStatics = function extendStatics(d, b) {
     _extendStatics = Object.setPrototypeOf || {
       __proto__: []
@@ -59643,7 +59836,7 @@ var pre_execution_setting_extends = undefined && undefined.__extends || function
   };
 }();
 
-var pre_execution_setting_decorate = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+var environment_variable_modal_decorate = undefined && undefined.__decorate || function (decorators, target, key, desc) {
   var c = arguments.length,
       r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
       d;
@@ -59653,11 +59846,11 @@ var pre_execution_setting_decorate = undefined && undefined.__decorate || functi
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 
-var pre_execution_setting_metadata = undefined && undefined.__metadata || function (k, v) {
+var environment_variable_modal_metadata = undefined && undefined.__metadata || function (k, v) {
   if ((typeof Reflect === "undefined" ? "undefined" : _typeof(Reflect)) === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 
-var pre_execution_setting_awaiter = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
+var environment_variable_modal_awaiter = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
   function adopt(value) {
     return value instanceof P ? value : new P(function (resolve) {
       resolve(value);
@@ -59689,7 +59882,7 @@ var pre_execution_setting_awaiter = undefined && undefined.__awaiter || function
   });
 };
 
-var pre_execution_setting_generator = undefined && undefined.__generator || function (thisArg, body) {
+var environment_variable_modal_generator = undefined && undefined.__generator || function (thisArg, body) {
   var _ = {
     label: 0,
     sent: function sent() {
@@ -59807,38 +60000,93 @@ var pre_execution_setting_generator = undefined && undefined.__generator || func
 
 
 
-
-var pre_execution_setting_PreExecutionSetting =
+var environment_variable_modal_EnvironmentVariableModal =
 /** @class */
 function (_super) {
-  pre_execution_setting_extends(PreExecutionSetting, _super);
+  environment_variable_modal_extends(EnvironmentVariableModal, _super);
 
-  function PreExecutionSetting() {
+  function EnvironmentVariableModal() {
     var _this = _super !== null && _super.apply(this, arguments) || this;
 
-    _this.scriptData = {};
-    _this.model = new PreScript();
-    _this.key = "preScripts";
+    _this.varList = [];
+    _this.keyword = "";
+    _this.currentItem = {};
+    _this.isEmpty = true;
+    _this.formData = {
+      name: "",
+      remark: "",
+      type: "http",
+      address: ""
+    };
+    _this.rules = {
+      name: [{
+        required: true,
+        message: "请输入环境名称",
+        trigger: "blur"
+      }],
+      address: [{
+        required: true,
+        message: "请输入域名",
+        trigger: "blur"
+      }]
+    };
+    /**
+     * 防抖查询
+     */
+
+    _this.onFilter = lodash_debounce_default()(function () {
+      _this.getVariableList();
+    }, 300);
     return _this;
   }
 
-  PreExecutionSetting.prototype.mounted = function () {
-    this.getScript();
+  EnvironmentVariableModal.prototype.onShowChange = function (show) {
+    return environment_variable_modal_awaiter(this, void 0, void 0, function () {
+      return environment_variable_modal_generator(this, function (_a) {
+        if (show) {
+          this.getVariableList();
+        }
+
+        return [2
+        /*return*/
+        ];
+      });
+    });
   };
 
-  PreExecutionSetting.prototype.getScript = function () {
-    return pre_execution_setting_awaiter(this, void 0, void 0, function () {
-      var result;
-      return pre_execution_setting_generator(this, function (_a) {
+  EnvironmentVariableModal.prototype.onEmpty = function (value) {
+    if (value) {
+      this.isEmpty = true;
+    } else {
+      this.isEmpty = false;
+    }
+  };
+  /**
+   * 获取当前已有环境变量数据
+   */
+
+
+  EnvironmentVariableModal.prototype.getVariableList = function () {
+    return environment_variable_modal_awaiter(this, void 0, void 0, function () {
+      var res;
+      return environment_variable_modal_generator(this, function (_a) {
         switch (_a.label) {
           case 0:
             return [4
             /*yield*/
-            , this.service.preScript()];
+            , this.service.getVariableList({
+              name: this.keyword,
+              projectId: this.projectId
+            })];
 
           case 1:
-            result = _a.sent();
-            this.scriptData = result || {};
+            res = _a.sent();
+
+            if (!(res === null || res === void 0 ? void 0 : res.hasError)) {
+              this.varList = res.result || [];
+              this.varList.length && this.onSelectItem(this.varList[0]);
+            }
+
             return [2
             /*return*/
             ];
@@ -59846,62 +60094,549 @@ function (_super) {
       });
     });
   };
+  /**
+   * 点击环境变量触发事件
+   * @param item 当前点击的环境变量
+   */
 
-  PreExecutionSetting.prototype.onClickItem = function (item) {
-    this.editor.insert(item.code);
-    this.editor.focus();
+
+  EnvironmentVariableModal.prototype.onSelectItem = function (item) {
+    this.currentItem = item.$clone();
+    this.formData.name = this.currentItem.name;
+
+    if (this.currentItem.value.indexOf("https") > -1) {
+      this.formData.type = "https", this.formData.address = this.currentItem.value.replace("https://", "");
+    } else {
+      this.formData.type = "http", this.formData.address = this.currentItem.value.replace("http://", "");
+    }
+
+    this.formData.remark = this.currentItem.remark;
   };
+  /**
+   * 删除选中的环境变量
+   * @param item 当前选中项
+   */
 
-  Object.defineProperty(PreExecutionSetting.prototype, "script", {
-    get: function get() {
-      if (!this.interfaceModel[this.key][0]) {
-        this.interfaceModel[this.key].push(this.model);
-      }
 
-      return this.interfaceModel[this.key][0].content;
-    },
-    set: function set(value) {
-      this.interfaceModel[this.key][0].content = value;
-    },
-    enumerable: false,
-    configurable: true
-  });
+  EnvironmentVariableModal.prototype.onDelete = function (item) {
+    return environment_variable_modal_awaiter(this, void 0, void 0, function () {
+      var res;
+      return environment_variable_modal_generator(this, function (_a) {
+        switch (_a.label) {
+          case 0:
+            if (!item.id) return [3
+            /*break*/
+            , 2];
+            return [4
+            /*yield*/
+            , this.service.deleteVariable(item.id)];
 
-  var _a, _b;
+          case 1:
+            res = _a.sent();
 
-  pre_execution_setting_decorate([Object(flagwind_web_["config"])({
-    default: function _default() {
-      return new InterfaceModel();
-    }
-  }), pre_execution_setting_metadata("design:type", typeof (_a = typeof InterfaceModel !== "undefined" && InterfaceModel) === "function" ? _a : Object)], PreExecutionSetting.prototype, "interfaceModel", void 0);
+            if (!(res === null || res === void 0 ? void 0 : res.hasError)) {
+              this.getVariableList();
+            }
 
-  pre_execution_setting_decorate([autowired(project_detail_service), pre_execution_setting_metadata("design:type", typeof (_b = typeof project_detail_service !== "undefined" && project_detail_service) === "function" ? _b : Object)], PreExecutionSetting.prototype, "service", void 0);
+            return [3
+            /*break*/
+            , 3];
 
-  PreExecutionSetting = pre_execution_setting_decorate([Object(flagwind_web_["component"])({
-    template: __webpack_require__("8ab8"),
-    components: {
-      "u-editor": components_code_editor
+          case 2:
+            this.varList.shift();
+            this.varList.length && this.onSelectItem(this.varList[0]);
+            _a.label = 3;
+
+          case 3:
+            return [2
+            /*return*/
+            ];
+        }
+      });
+    });
+  };
+  /**
+   * 新增环境变量事件
+   * @returns
+   */
+
+
+  EnvironmentVariableModal.prototype.onAddItem = function () {
+    if (this.varList.length > 0 && !this.varList[0].id) {
+      return;
     }
-  })], PreExecutionSetting);
-  return PreExecutionSetting;
-}(base_editor_setting);
 
-/* harmony default export */ var project_detail_pre_execution_setting = (pre_execution_setting_PreExecutionSetting);
-// CONCATENATED MODULE: ./src/views/project-detail/after-execution-script/index.ts
+    var item = {
+      name: "",
+      value: "",
+      remark: "",
+      projectId: this.projectId
+    };
+    this.varList.unshift(item);
+    this.onSelectItem(this.varList[0]);
+  };
+
+  EnvironmentVariableModal.prototype.onCancel = function () {
+    this.value = false;
+    this.keyword = "";
+    this.currentItem = {};
+  };
+
+  EnvironmentVariableModal.prototype.onSave = function () {
+    var _a, _b;
+
+    return environment_variable_modal_awaiter(this, void 0, void 0, function () {
+      var data, res;
+      return environment_variable_modal_generator(this, function (_c) {
+        switch (_c.label) {
+          case 0:
+            data = {
+              name: this.formData.name,
+              value: "".concat(this.formData.type, "://").concat(this.formData.address),
+              remark: this.formData.remark,
+              projectId: this.projectId
+            };
+
+            if ((_a = this.currentItem) === null || _a === void 0 ? void 0 : _a.id) {
+              data.id = (_b = this.currentItem) === null || _b === void 0 ? void 0 : _b.id;
+            }
+
+            return [4
+            /*yield*/
+            , this.service.saveVariable(data)];
+
+          case 1:
+            res = _c.sent();
 
+            if (res && !res.hasError) {
+              this.$message.success("保存成功！");
+              this.getVariableList();
+            }
 
+            return [2
+            /*return*/
+            ];
+        }
+      });
+    });
+  };
 
+  var _a;
 
+  environment_variable_modal_decorate([autowired(project_detail_service), environment_variable_modal_metadata("design:type", typeof (_a = typeof project_detail_service !== "undefined" && project_detail_service) === "function" ? _a : Object)], EnvironmentVariableModal.prototype, "service", void 0);
 
+  environment_variable_modal_decorate([Object(external_vue_property_decorator_["PropSync"])("visiable", {
+    default: false
+  }), environment_variable_modal_metadata("design:type", Boolean)], EnvironmentVariableModal.prototype, "value", void 0);
 
+  environment_variable_modal_decorate([Object(flagwind_web_["config"])({
+    type: String,
+    default: ""
+  }), environment_variable_modal_metadata("design:type", String)], EnvironmentVariableModal.prototype, "projectId", void 0);
 
+  environment_variable_modal_decorate([Object(flagwind_web_["watch"])("value"), environment_variable_modal_metadata("design:type", Function), environment_variable_modal_metadata("design:paramtypes", [Boolean]), environment_variable_modal_metadata("design:returntype", Promise)], EnvironmentVariableModal.prototype, "onShowChange", null);
 
+  environment_variable_modal_decorate([Object(flagwind_web_["watch"])("varList.length", {
+    immediate: true
+  }), environment_variable_modal_metadata("design:type", Function), environment_variable_modal_metadata("design:paramtypes", [Object]), environment_variable_modal_metadata("design:returntype", void 0)], EnvironmentVariableModal.prototype, "onEmpty", null);
 
+  EnvironmentVariableModal = environment_variable_modal_decorate([Object(flagwind_web_["component"])({
+    template: __webpack_require__("8962"),
+    components: {}
+  })], EnvironmentVariableModal);
+  return EnvironmentVariableModal;
+}(flagwind_web_["Component"]);
 
+/* harmony default export */ var project_detail_environment_variable_modal = (environment_variable_modal_EnvironmentVariableModal);
+// EXTERNAL MODULE: ./src/views/project-detail/index.scss
+var project_detail = __webpack_require__("fe54");
 
+// CONCATENATED MODULE: ./src/views/project-detail/base-editor-setting.ts
 
 
-var after_execution_script_extends = undefined && undefined.__extends || function () {
+
+
+
+
+var base_editor_setting_extends = undefined && undefined.__extends || function () {
+  var _extendStatics = function extendStatics(d, b) {
+    _extendStatics = Object.setPrototypeOf || {
+      __proto__: []
+    } instanceof Array && function (d, b) {
+      d.__proto__ = b;
+    } || function (d, b) {
+      for (var p in b) {
+        if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];
+      }
+    };
+
+    return _extendStatics(d, b);
+  };
+
+  return function (d, b) {
+    if (typeof b !== "function" && b !== null) throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+
+    _extendStatics(d, b);
+
+    function __() {
+      this.constructor = d;
+    }
+
+    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+  };
+}();
+
+var base_editor_setting_decorate = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+  var c = arguments.length,
+      r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
+      d;
+  if ((typeof Reflect === "undefined" ? "undefined" : _typeof(Reflect)) === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) {
+    if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  }
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+var base_editor_setting_metadata = undefined && undefined.__metadata || function (k, v) {
+  if ((typeof Reflect === "undefined" ? "undefined" : _typeof(Reflect)) === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+
+
+
+var base_editor_setting_BaseEditorSetting =
+/** @class */
+function (_super) {
+  base_editor_setting_extends(BaseEditorSetting, _super);
+
+  function BaseEditorSetting() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+
+    _this.editor = {};
+    return _this;
+  }
+
+  BaseEditorSetting.prototype.onEditorInited = function (editor) {
+    this.editor = editor;
+  };
+
+  BaseEditorSetting.prototype.resizeEditor = function () {
+    this.editor.resize && this.editor.resize();
+  };
+
+  base_editor_setting_decorate([Object(flagwind_web_["config"])({
+    default: true
+  }), base_editor_setting_metadata("design:type", Boolean)], BaseEditorSetting.prototype, "lengthwise", void 0);
+
+  base_editor_setting_decorate([Object(flagwind_web_["watch"])("lengthwise"), base_editor_setting_metadata("design:type", Function), base_editor_setting_metadata("design:paramtypes", []), base_editor_setting_metadata("design:returntype", void 0)], BaseEditorSetting.prototype, "resizeEditor", null);
+
+  BaseEditorSetting = base_editor_setting_decorate([Object(flagwind_web_["component"])({})], BaseEditorSetting);
+  return BaseEditorSetting;
+}(flagwind_web_["Component"]);
+
+/* harmony default export */ var base_editor_setting = (base_editor_setting_BaseEditorSetting);
+// EXTERNAL MODULE: ./src/views/project-detail/pre-execution-setting/index.scss
+var pre_execution_setting = __webpack_require__("d928");
+
+// CONCATENATED MODULE: ./src/views/project-detail/pre-execution-setting/index.ts
+
+
+
+
+
+
+
+
+
+
+
+
+
+var pre_execution_setting_extends = undefined && undefined.__extends || function () {
+  var _extendStatics = function extendStatics(d, b) {
+    _extendStatics = Object.setPrototypeOf || {
+      __proto__: []
+    } instanceof Array && function (d, b) {
+      d.__proto__ = b;
+    } || function (d, b) {
+      for (var p in b) {
+        if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];
+      }
+    };
+
+    return _extendStatics(d, b);
+  };
+
+  return function (d, b) {
+    if (typeof b !== "function" && b !== null) throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+
+    _extendStatics(d, b);
+
+    function __() {
+      this.constructor = d;
+    }
+
+    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+  };
+}();
+
+var pre_execution_setting_decorate = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+  var c = arguments.length,
+      r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
+      d;
+  if ((typeof Reflect === "undefined" ? "undefined" : _typeof(Reflect)) === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) {
+    if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  }
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+var pre_execution_setting_metadata = undefined && undefined.__metadata || function (k, v) {
+  if ((typeof Reflect === "undefined" ? "undefined" : _typeof(Reflect)) === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+
+var pre_execution_setting_awaiter = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
+  function adopt(value) {
+    return value instanceof P ? value : new P(function (resolve) {
+      resolve(value);
+    });
+  }
+
+  return new (P || (P = Promise))(function (resolve, reject) {
+    function fulfilled(value) {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+
+    function rejected(value) {
+      try {
+        step(generator["throw"](value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+
+    function step(result) {
+      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
+    }
+
+    step((generator = generator.apply(thisArg, _arguments || [])).next());
+  });
+};
+
+var pre_execution_setting_generator = undefined && undefined.__generator || function (thisArg, body) {
+  var _ = {
+    label: 0,
+    sent: function sent() {
+      if (t[0] & 1) throw t[1];
+      return t[1];
+    },
+    trys: [],
+    ops: []
+  },
+      f,
+      y,
+      t,
+      g;
+  return g = {
+    next: verb(0),
+    "throw": verb(1),
+    "return": verb(2)
+  }, typeof Symbol === "function" && (g[Symbol.iterator] = function () {
+    return this;
+  }), g;
+
+  function verb(n) {
+    return function (v) {
+      return step([n, v]);
+    };
+  }
+
+  function step(op) {
+    if (f) throw new TypeError("Generator is already executing.");
+
+    while (_) {
+      try {
+        if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+        if (y = 0, t) op = [op[0] & 2, t.value];
+
+        switch (op[0]) {
+          case 0:
+          case 1:
+            t = op;
+            break;
+
+          case 4:
+            _.label++;
+            return {
+              value: op[1],
+              done: false
+            };
+
+          case 5:
+            _.label++;
+            y = op[1];
+            op = [0];
+            continue;
+
+          case 7:
+            op = _.ops.pop();
+
+            _.trys.pop();
+
+            continue;
+
+          default:
+            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+              _ = 0;
+              continue;
+            }
+
+            if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+              _.label = op[1];
+              break;
+            }
+
+            if (op[0] === 6 && _.label < t[1]) {
+              _.label = t[1];
+              t = op;
+              break;
+            }
+
+            if (t && _.label < t[2]) {
+              _.label = t[2];
+
+              _.ops.push(op);
+
+              break;
+            }
+
+            if (t[2]) _.ops.pop();
+
+            _.trys.pop();
+
+            continue;
+        }
+
+        op = body.call(thisArg, _);
+      } catch (e) {
+        op = [6, e];
+        y = 0;
+      } finally {
+        f = t = 0;
+      }
+    }
+
+    if (op[0] & 5) throw op[1];
+    return {
+      value: op[0] ? op[1] : void 0,
+      done: true
+    };
+  }
+};
+
+
+
+
+
+
+
+
+
+var pre_execution_setting_PreExecutionSetting =
+/** @class */
+function (_super) {
+  pre_execution_setting_extends(PreExecutionSetting, _super);
+
+  function PreExecutionSetting() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+
+    _this.scriptData = {};
+    _this.model = new PreScript();
+    _this.key = "preScripts";
+    return _this;
+  }
+
+  PreExecutionSetting.prototype.mounted = function () {
+    this.getScript();
+  };
+
+  PreExecutionSetting.prototype.getScript = function () {
+    return pre_execution_setting_awaiter(this, void 0, void 0, function () {
+      var result;
+      return pre_execution_setting_generator(this, function (_a) {
+        switch (_a.label) {
+          case 0:
+            return [4
+            /*yield*/
+            , this.service.preScript()];
+
+          case 1:
+            result = _a.sent();
+            this.scriptData = result || {};
+            return [2
+            /*return*/
+            ];
+        }
+      });
+    });
+  };
+
+  PreExecutionSetting.prototype.onClickItem = function (item) {
+    this.editor.insert(item.code);
+    this.editor.focus();
+  };
+
+  Object.defineProperty(PreExecutionSetting.prototype, "script", {
+    get: function get() {
+      if (!this.interfaceModel[this.key][0]) {
+        this.interfaceModel[this.key].push(this.model);
+      }
+
+      return this.interfaceModel[this.key][0].content;
+    },
+    set: function set(value) {
+      this.interfaceModel[this.key][0].content = value;
+    },
+    enumerable: false,
+    configurable: true
+  });
+
+  var _a, _b;
+
+  pre_execution_setting_decorate([Object(flagwind_web_["config"])({
+    default: function _default() {
+      return new InterfaceModel();
+    }
+  }), pre_execution_setting_metadata("design:type", typeof (_a = typeof InterfaceModel !== "undefined" && InterfaceModel) === "function" ? _a : Object)], PreExecutionSetting.prototype, "interfaceModel", void 0);
+
+  pre_execution_setting_decorate([autowired(project_detail_service), pre_execution_setting_metadata("design:type", typeof (_b = typeof project_detail_service !== "undefined" && project_detail_service) === "function" ? _b : Object)], PreExecutionSetting.prototype, "service", void 0);
+
+  PreExecutionSetting = pre_execution_setting_decorate([Object(flagwind_web_["component"])({
+    template: __webpack_require__("8ab8"),
+    components: {
+      "u-editor": components_code_editor
+    }
+  })], PreExecutionSetting);
+  return PreExecutionSetting;
+}(base_editor_setting);
+
+/* harmony default export */ var project_detail_pre_execution_setting = (pre_execution_setting_PreExecutionSetting);
+// CONCATENATED MODULE: ./src/views/project-detail/after-execution-script/index.ts
+
+
+
+
+
+
+
+
+
+
+
+
+
+var after_execution_script_extends = undefined && undefined.__extends || function () {
   var _extendStatics = function extendStatics(d, b) {
     _extendStatics = Object.setPrototypeOf || {
       __proto__: []
@@ -60389,10 +61124,6 @@ function (_super) {
 // EXTERNAL MODULE: ./src/views/project-detail/after-execution-transfer/index.scss
 var after_execution_transfer = __webpack_require__("8a77");
 
-// EXTERNAL MODULE: ./node_modules/lodash.debounce/index.js
-var lodash_debounce = __webpack_require__("f7fe");
-var lodash_debounce_default = /*#__PURE__*/__webpack_require__.n(lodash_debounce);
-
 // CONCATENATED MODULE: ./src/views/project-detail/after-execution-transfer/index.ts
 
 
@@ -61160,611 +61891,210 @@ var params_setting_generator = undefined && undefined.__generator || function (t
 
 
 
-
-var params_setting_ParamsSetting =
-/** @class */
-function (_super) {
-  params_setting_extends(ParamsSetting, _super);
-
-  function ParamsSetting() {
-    var _this = _super !== null && _super.apply(this, arguments) || this;
-
-    _this.value = [];
-    _this.paramColumns = [{
-      slot: "selection",
-      width: 60,
-      align: "center",
-      title: " "
-    }, {
-      title: "参数名",
-      slot: "name",
-      align: "left"
-    }, {
-      title: "参数值",
-      slot: "valueContent",
-      align: "left"
-    }, // {
-    //     title: "是否必须",
-    //     slot: "required",
-    //     align: "left"
-    // },
-    {
-      title: "备注",
-      slot: "text",
-      align: "left"
-    }, {
-      title: "操作",
-      slot: "action",
-      align: "left",
-      width: 300
-    }];
-    _this.queryDataList = []; // public bodyDataList: Array<any> = [];
-
-    _this.requestBodyTypeList = [];
-    _this.typeMap = {
-      Form: "FormData",
-      X_www_form_urlencoded: "FormUrlEncoded"
-    };
-    return _this;
-  }
-
-  ParamsSetting.prototype.getExpand = function (value) {
-    return this.value.includes(value);
-  };
-
-  ParamsSetting.prototype.onDelete = function (paramList, index) {
-    paramList.splice(index, 1);
-  };
-
-  ParamsSetting.prototype.onUp = function (paramList, index) {
-    if (index === 0) return;
-    var obj = paramList.splice(index, 1);
-    paramList.splice(index - 1, 0, obj[0]);
-  };
-
-  ParamsSetting.prototype.onDown = function (paramList, index) {
-    if (index === paramList.length - 1) return;
-    var obj = paramList.splice(index, 1);
-    paramList.splice(index + 1, 0, obj[0]);
-  };
-
-  ParamsSetting.prototype.onTop = function (paramList, index) {
-    var obj = paramList.splice(index, 1);
-    paramList.unshift(obj[0]);
-  };
-
-  ParamsSetting.prototype.onBottom = function (paramList, index) {
-    var obj = paramList.splice(index, 1);
-    paramList.push(obj[0]);
-  };
-
-  ParamsSetting.prototype.onDeleteBodyParam = function (paramList, id) {
-    var index = paramList.findIndex(function (v) {
-      return v.id === id;
-    });
-    paramList.splice(index, 1);
-  };
-
-  ParamsSetting.prototype.onUpBodyParam = function (paramList, id) {
-    var index = paramList.findIndex(function (v) {
-      return v.id === id;
-    });
-    if (index === 0) return;
-    var obj = paramList.splice(index, 1);
-    paramList.splice(index - 1, 0, obj[0]);
-  };
-
-  ParamsSetting.prototype.onDownBodyParam = function (paramList, id) {
-    var index = paramList.findIndex(function (v) {
-      return v.id === id;
-    });
-    if (index === paramList.length - 1) return;
-    var obj = paramList.splice(index, 1);
-    paramList.splice(index + 1, 0, obj[0]);
-  };
-
-  ParamsSetting.prototype.onTopBodyParam = function (paramList, id) {
-    var index = paramList.findIndex(function (v) {
-      return v.id === id;
-    });
-    var obj = paramList.splice(index, 1);
-    paramList.unshift(obj[0]);
-  };
-
-  ParamsSetting.prototype.onBottomBodyParam = function (paramList, id) {
-    var index = paramList.findIndex(function (v) {
-      return v.id === id;
-    });
-    var obj = paramList.splice(index, 1);
-    paramList.push(obj[0]);
-  };
-
-  ParamsSetting.prototype.onChangeDisabled = function (value, item) {
-    item.disabled = !value;
-  };
-
-  ParamsSetting.prototype.init = function () {
-    var _a, _b;
-
-    if (!((_b = (_a = this.interfaceModel) === null || _a === void 0 ? void 0 : _a.info) === null || _b === void 0 ? void 0 : _b.id)) return;
-    this.queryDataList = this.interfaceModel.queryParams; // this.bodyDataList = this.interfaceModel.formParams;
-  };
-
-  Object.defineProperty(ParamsSetting.prototype, "bodyDataList", {
-    get: function get() {
-      var type = this.typeMap[this.bodyType];
-      return this.interfaceModel.formParams.filter(function (p) {
-        return p.type === type;
-      });
-    },
-    enumerable: false,
-    configurable: true
-  });
-
-  ParamsSetting.prototype.onAddRequestParam = function () {
-    this.queryDataList.push({
-      name: "",
-      text: "",
-      type: "QueryString",
-      valueContent: "",
-      disabled: false
-    });
-  };
-
-  ParamsSetting.prototype.onAddBodyParam = function () {
-    this.interfaceModel.formParams.push({
-      name: "",
-      text: "",
-      type: this.typeMap[this.bodyType],
-      valueContent: "",
-      disabled: false
-    });
-  };
-
-  Object.defineProperty(ParamsSetting.prototype, "bodyType", {
-    get: function get() {
-      var _a, _b;
-
-      return ((_b = (_a = this.interfaceModel) === null || _a === void 0 ? void 0 : _a.info) === null || _b === void 0 ? void 0 : _b.requestBodyType) || "Form";
-    },
-    set: function set(value) {
-      this.interfaceModel.info.requestBodyType = value;
-    },
-    enumerable: false,
-    configurable: true
-  });
-  Object.defineProperty(ParamsSetting.prototype, "isFormData", {
-    get: function get() {
-      return this.bodyType === "Form" || this.bodyType === "X_www_form_urlencoded";
-    },
-    enumerable: false,
-    configurable: true
-  });
-
-  ParamsSetting.prototype.onBeautify = function () {
-    if (!this.interfaceModel.json) return;
-    this.interfaceModel.json = JSON.stringify(JSON.parse(this.interfaceModel.json), null, 4);
-  };
-
-  ParamsSetting.prototype.mounted = function () {
-    return params_setting_awaiter(this, void 0, void 0, function () {
-      var result;
-      return params_setting_generator(this, function (_a) {
-        switch (_a.label) {
-          case 0:
-            return [4
-            /*yield*/
-            , this.service.getEnumByType("requestBodyType")];
-
-          case 1:
-            result = _a.sent();
-            this.requestBodyTypeList = (result === null || result === void 0 ? void 0 : result.result) || [];
-
-            if (this.interfaceModel && this.interfaceModel.info) {
-              this.interfaceModel.info.requestBodyType = this.interfaceModel.info.requestBodyType || (this.requestBodyTypeList.length ? this.requestBodyTypeList[0].name : "Form");
-            }
-
-            return [2
-            /*return*/
-            ];
-        }
-      });
-    });
-  };
-
-  var _a, _b;
-
-  params_setting_decorate([Object(flagwind_web_["config"])({
-    default: function _default() {
-      return new InterfaceModel();
-    }
-  }), params_setting_metadata("design:type", typeof (_a = typeof InterfaceModel !== "undefined" && InterfaceModel) === "function" ? _a : Object)], ParamsSetting.prototype, "interfaceModel", void 0);
-
-  params_setting_decorate([autowired(project_detail_service), params_setting_metadata("design:type", typeof (_b = typeof project_detail_service !== "undefined" && project_detail_service) === "function" ? _b : Object)], ParamsSetting.prototype, "service", void 0);
-
-  params_setting_decorate([Object(flagwind_web_["watch"])("interfaceModel", {
-    immediate: true
-  }), params_setting_metadata("design:type", Function), params_setting_metadata("design:paramtypes", []), params_setting_metadata("design:returntype", void 0)], ParamsSetting.prototype, "init", null);
-
-  ParamsSetting = params_setting_decorate([Object(flagwind_web_["component"])({
-    template: __webpack_require__("7640"),
-    components: {
-      "u-editor": components_code_editor
-    }
-  })], ParamsSetting);
-  return ParamsSetting;
-}(base_editor_setting);
-
-/* harmony default export */ var project_detail_params_setting = (params_setting_ParamsSetting);
-// CONCATENATED MODULE: ./src/components/tips-form-label/index.ts
-
-
-
-
-
-
-var tips_form_label_extends = undefined && undefined.__extends || function () {
-  var _extendStatics = function extendStatics(d, b) {
-    _extendStatics = Object.setPrototypeOf || {
-      __proto__: []
-    } instanceof Array && function (d, b) {
-      d.__proto__ = b;
-    } || function (d, b) {
-      for (var p in b) {
-        if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];
-      }
-    };
-
-    return _extendStatics(d, b);
-  };
-
-  return function (d, b) {
-    if (typeof b !== "function" && b !== null) throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-
-    _extendStatics(d, b);
-
-    function __() {
-      this.constructor = d;
-    }
-
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-  };
-}();
-
-var tips_form_label_decorate = undefined && undefined.__decorate || function (decorators, target, key, desc) {
-  var c = arguments.length,
-      r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
-      d;
-  if ((typeof Reflect === "undefined" ? "undefined" : _typeof(Reflect)) === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) {
-    if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-  }
-  return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-
-var tips_form_label_metadata = undefined && undefined.__metadata || function (k, v) {
-  if ((typeof Reflect === "undefined" ? "undefined" : _typeof(Reflect)) === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-
-
-
-var tips_form_label_TipsFormLabel =
-/** @class */
-function (_super) {
-  tips_form_label_extends(TipsFormLabel, _super);
-
-  function TipsFormLabel() {
-    return _super !== null && _super.apply(this, arguments) || this;
-  }
-
-  tips_form_label_decorate([Object(flagwind_web_["config"])({
-    default: ""
-  }), tips_form_label_metadata("design:type", String)], TipsFormLabel.prototype, "tips", void 0);
-
-  tips_form_label_decorate([Object(flagwind_web_["config"])({
-    default: ""
-  }), tips_form_label_metadata("design:type", String)], TipsFormLabel.prototype, "labelTitle", void 0);
-
-  tips_form_label_decorate([Object(flagwind_web_["config"])({
-    type: Boolean,
-    default: false
-  }), tips_form_label_metadata("design:type", Boolean)], TipsFormLabel.prototype, "labelColon", void 0);
-
-  TipsFormLabel = tips_form_label_decorate([Object(flagwind_web_["component"])({
-    template: __webpack_require__("a406")
-  })], TipsFormLabel);
-  return TipsFormLabel;
-}(flagwind_web_["Component"]);
-
-/* harmony default export */ var tips_form_label = (tips_form_label_TipsFormLabel);
-// EXTERNAL MODULE: ./src/views/project-detail/security-setting/index.scss
-var security_setting = __webpack_require__("9721");
-
-// CONCATENATED MODULE: ./src/views/project-detail/security-setting/index.ts
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var security_setting_extends = undefined && undefined.__extends || function () {
-  var _extendStatics = function extendStatics(d, b) {
-    _extendStatics = Object.setPrototypeOf || {
-      __proto__: []
-    } instanceof Array && function (d, b) {
-      d.__proto__ = b;
-    } || function (d, b) {
-      for (var p in b) {
-        if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];
-      }
-    };
-
-    return _extendStatics(d, b);
-  };
-
-  return function (d, b) {
-    if (typeof b !== "function" && b !== null) throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-
-    _extendStatics(d, b);
-
-    function __() {
-      this.constructor = d;
-    }
-
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-  };
-}();
-
-var security_setting_decorate = undefined && undefined.__decorate || function (decorators, target, key, desc) {
-  var c = arguments.length,
-      r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
-      d;
-  if ((typeof Reflect === "undefined" ? "undefined" : _typeof(Reflect)) === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) {
-    if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-  }
-  return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-
-var security_setting_metadata = undefined && undefined.__metadata || function (k, v) {
-  if ((typeof Reflect === "undefined" ? "undefined" : _typeof(Reflect)) === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-
-var security_setting_awaiter = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
-  function adopt(value) {
-    return value instanceof P ? value : new P(function (resolve) {
-      resolve(value);
-    });
-  }
-
-  return new (P || (P = Promise))(function (resolve, reject) {
-    function fulfilled(value) {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    }
-
-    function rejected(value) {
-      try {
-        step(generator["throw"](value));
-      } catch (e) {
-        reject(e);
-      }
-    }
-
-    function step(result) {
-      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
-    }
-
-    step((generator = generator.apply(thisArg, _arguments || [])).next());
-  });
-};
-
-var security_setting_generator = undefined && undefined.__generator || function (thisArg, body) {
-  var _ = {
-    label: 0,
-    sent: function sent() {
-      if (t[0] & 1) throw t[1];
-      return t[1];
-    },
-    trys: [],
-    ops: []
-  },
-      f,
-      y,
-      t,
-      g;
-  return g = {
-    next: verb(0),
-    "throw": verb(1),
-    "return": verb(2)
-  }, typeof Symbol === "function" && (g[Symbol.iterator] = function () {
-    return this;
-  }), g;
-
-  function verb(n) {
-    return function (v) {
-      return step([n, v]);
-    };
-  }
-
-  function step(op) {
-    if (f) throw new TypeError("Generator is already executing.");
-
-    while (_) {
-      try {
-        if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-        if (y = 0, t) op = [op[0] & 2, t.value];
-
-        switch (op[0]) {
-          case 0:
-          case 1:
-            t = op;
-            break;
-
-          case 4:
-            _.label++;
-            return {
-              value: op[1],
-              done: false
-            };
-
-          case 5:
-            _.label++;
-            y = op[1];
-            op = [0];
-            continue;
-
-          case 7:
-            op = _.ops.pop();
-
-            _.trys.pop();
-
-            continue;
-
-          default:
-            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
-              _ = 0;
-              continue;
-            }
-
-            if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
-              _.label = op[1];
-              break;
-            }
-
-            if (op[0] === 6 && _.label < t[1]) {
-              _.label = t[1];
-              t = op;
-              break;
-            }
-
-            if (t && _.label < t[2]) {
-              _.label = t[2];
-
-              _.ops.push(op);
-
-              break;
-            }
-
-            if (t[2]) _.ops.pop();
-
-            _.trys.pop();
-
-            continue;
-        }
-
-        op = body.call(thisArg, _);
-      } catch (e) {
-        op = [6, e];
-        y = 0;
-      } finally {
-        f = t = 0;
-      }
-    }
-
-    if (op[0] & 5) throw op[1];
-    return {
-      value: op[0] ? op[1] : void 0,
-      done: true
-    };
-  }
-};
-
-
-
-
-
-
-
-
-var security_setting_SecuritySetting =
+
+var params_setting_ParamsSetting =
 /** @class */
 function (_super) {
-  security_setting_extends(SecuritySetting, _super);
+  params_setting_extends(ParamsSetting, _super);
 
-  function SecuritySetting() {
+  function ParamsSetting() {
     var _this = _super !== null && _super.apply(this, arguments) || this;
 
-    _this.securityTypeList = [];
-    _this.tokenLocationTypeList = [];
-    _this.grantTypeList = [];
-    _this.model = {};
+    _this.value = [];
+    _this.paramColumns = [{
+      slot: "selection",
+      width: 60,
+      align: "center",
+      title: " "
+    }, {
+      title: "参数名",
+      slot: "name",
+      align: "left"
+    }, {
+      title: "参数值",
+      slot: "valueContent",
+      align: "left"
+    }, // {
+    //     title: "是否必须",
+    //     slot: "required",
+    //     align: "left"
+    // },
+    {
+      title: "备注",
+      slot: "text",
+      align: "left"
+    }, {
+      title: "操作",
+      slot: "action",
+      align: "left",
+      width: 300
+    }];
+    _this.queryDataList = []; // public bodyDataList: Array<any> = [];
+
+    _this.requestBodyTypeList = [];
+    _this.typeMap = {
+      Form: "FormData",
+      X_www_form_urlencoded: "FormUrlEncoded"
+    };
     return _this;
   }
 
-  SecuritySetting.prototype.mounted = function () {
-    var _a, _b;
+  ParamsSetting.prototype.getExpand = function (value) {
+    return this.value.includes(value);
+  };
+
+  ParamsSetting.prototype.onDelete = function (paramList, index) {
+    paramList.splice(index, 1);
+  };
 
-    this.getSecurityTypeList();
-    this.getTokenLocationTypeList();
-    this.getGrantTypeList();
-    this.model = ((_a = this.interfaceModel.authentication) === null || _a === void 0 ? void 0 : _a.content) ? JSON.parse((_b = this.interfaceModel.authentication) === null || _b === void 0 ? void 0 : _b.content) : {};
+  ParamsSetting.prototype.onUp = function (paramList, index) {
+    if (index === 0) return;
+    var obj = paramList.splice(index, 1);
+    paramList.splice(index - 1, 0, obj[0]);
   };
 
-  SecuritySetting.prototype.getSecurityTypeList = function () {
-    return security_setting_awaiter(this, void 0, void 0, function () {
-      var result;
-      return security_setting_generator(this, function (_a) {
-        switch (_a.label) {
-          case 0:
-            return [4
-            /*yield*/
-            , this.service.getEnumByType("authenticationType")];
+  ParamsSetting.prototype.onDown = function (paramList, index) {
+    if (index === paramList.length - 1) return;
+    var obj = paramList.splice(index, 1);
+    paramList.splice(index + 1, 0, obj[0]);
+  };
 
-          case 1:
-            result = _a.sent();
-            this.securityTypeList = (result === null || result === void 0 ? void 0 : result.result) || [];
-            return [2
-            /*return*/
-            ];
-        }
-      });
+  ParamsSetting.prototype.onTop = function (paramList, index) {
+    var obj = paramList.splice(index, 1);
+    paramList.unshift(obj[0]);
+  };
+
+  ParamsSetting.prototype.onBottom = function (paramList, index) {
+    var obj = paramList.splice(index, 1);
+    paramList.push(obj[0]);
+  };
+
+  ParamsSetting.prototype.onDeleteBodyParam = function (paramList, id) {
+    var index = paramList.findIndex(function (v) {
+      return v.id === id;
     });
+    paramList.splice(index, 1);
   };
 
-  SecuritySetting.prototype.getTokenLocationTypeList = function () {
-    return security_setting_awaiter(this, void 0, void 0, function () {
-      var result;
-      return security_setting_generator(this, function (_a) {
-        switch (_a.label) {
-          case 0:
-            return [4
-            /*yield*/
-            , this.service.getEnumByType("tokenLocationType")];
+  ParamsSetting.prototype.onUpBodyParam = function (paramList, id) {
+    var index = paramList.findIndex(function (v) {
+      return v.id === id;
+    });
+    if (index === 0) return;
+    var obj = paramList.splice(index, 1);
+    paramList.splice(index - 1, 0, obj[0]);
+  };
 
-          case 1:
-            result = _a.sent();
-            this.tokenLocationTypeList = (result === null || result === void 0 ? void 0 : result.result) || [];
-            return [2
-            /*return*/
-            ];
-        }
+  ParamsSetting.prototype.onDownBodyParam = function (paramList, id) {
+    var index = paramList.findIndex(function (v) {
+      return v.id === id;
+    });
+    if (index === paramList.length - 1) return;
+    var obj = paramList.splice(index, 1);
+    paramList.splice(index + 1, 0, obj[0]);
+  };
+
+  ParamsSetting.prototype.onTopBodyParam = function (paramList, id) {
+    var index = paramList.findIndex(function (v) {
+      return v.id === id;
+    });
+    var obj = paramList.splice(index, 1);
+    paramList.unshift(obj[0]);
+  };
+
+  ParamsSetting.prototype.onBottomBodyParam = function (paramList, id) {
+    var index = paramList.findIndex(function (v) {
+      return v.id === id;
+    });
+    var obj = paramList.splice(index, 1);
+    paramList.push(obj[0]);
+  };
+
+  ParamsSetting.prototype.onChangeDisabled = function (value, item) {
+    item.disabled = !value;
+  };
+
+  ParamsSetting.prototype.init = function () {
+    var _a, _b;
+
+    if (!((_b = (_a = this.interfaceModel) === null || _a === void 0 ? void 0 : _a.info) === null || _b === void 0 ? void 0 : _b.id)) return;
+    this.queryDataList = this.interfaceModel.queryParams; // this.bodyDataList = this.interfaceModel.formParams;
+  };
+
+  Object.defineProperty(ParamsSetting.prototype, "bodyDataList", {
+    get: function get() {
+      var type = this.typeMap[this.bodyType];
+      return this.interfaceModel.formParams.filter(function (p) {
+        return p.type === type;
       });
+    },
+    enumerable: false,
+    configurable: true
+  });
+
+  ParamsSetting.prototype.onAddRequestParam = function () {
+    this.queryDataList.push({
+      name: "",
+      text: "",
+      type: "QueryString",
+      valueContent: "",
+      disabled: false
     });
   };
 
-  SecuritySetting.prototype.getGrantTypeList = function () {
-    return security_setting_awaiter(this, void 0, void 0, function () {
+  ParamsSetting.prototype.onAddBodyParam = function () {
+    this.interfaceModel.formParams.push({
+      name: "",
+      text: "",
+      type: this.typeMap[this.bodyType],
+      valueContent: "",
+      disabled: false
+    });
+  };
+
+  Object.defineProperty(ParamsSetting.prototype, "bodyType", {
+    get: function get() {
+      var _a, _b;
+
+      return ((_b = (_a = this.interfaceModel) === null || _a === void 0 ? void 0 : _a.info) === null || _b === void 0 ? void 0 : _b.requestBodyType) || "Form";
+    },
+    set: function set(value) {
+      this.interfaceModel.info.requestBodyType = value;
+    },
+    enumerable: false,
+    configurable: true
+  });
+  Object.defineProperty(ParamsSetting.prototype, "isFormData", {
+    get: function get() {
+      return this.bodyType === "Form" || this.bodyType === "X_www_form_urlencoded";
+    },
+    enumerable: false,
+    configurable: true
+  });
+
+  ParamsSetting.prototype.onBeautify = function () {
+    if (!this.interfaceModel.json) return;
+    this.interfaceModel.json = JSON.stringify(JSON.parse(this.interfaceModel.json), null, 4);
+  };
+
+  ParamsSetting.prototype.mounted = function () {
+    return params_setting_awaiter(this, void 0, void 0, function () {
       var result;
-      return security_setting_generator(this, function (_a) {
+      return params_setting_generator(this, function (_a) {
         switch (_a.label) {
           case 0:
             return [4
             /*yield*/
-            , this.service.getEnumByType("grantType")];
+            , this.service.getEnumByType("requestBodyType")];
 
           case 1:
             result = _a.sent();
-            this.grantTypeList = (result === null || result === void 0 ? void 0 : result.result) || [];
+            this.requestBodyTypeList = (result === null || result === void 0 ? void 0 : result.result) || [];
+
+            if (this.interfaceModel && this.interfaceModel.info) {
+              this.interfaceModel.info.requestBodyType = this.interfaceModel.info.requestBodyType || (this.requestBodyTypeList.length ? this.requestBodyTypeList[0].name : "Form");
+            }
+
             return [2
             /*return*/
             ];
@@ -61773,39 +62103,30 @@ function (_super) {
     });
   };
 
-  SecuritySetting.prototype.modelChange = function () {
-    this.interfaceModel.authentication = this.interfaceModel.authentication || new Authentication();
-    this.interfaceModel.authentication.content = JSON.stringify(this.model);
-  };
-
-  SecuritySetting.prototype.onClear = function () {
-    this.model = {};
-  };
-
   var _a, _b;
 
-  security_setting_decorate([Object(flagwind_web_["config"])({
+  params_setting_decorate([Object(flagwind_web_["config"])({
     default: function _default() {
       return new InterfaceModel();
     }
-  }), security_setting_metadata("design:type", typeof (_a = typeof InterfaceModel !== "undefined" && InterfaceModel) === "function" ? _a : Object)], SecuritySetting.prototype, "interfaceModel", void 0);
+  }), params_setting_metadata("design:type", typeof (_a = typeof InterfaceModel !== "undefined" && InterfaceModel) === "function" ? _a : Object)], ParamsSetting.prototype, "interfaceModel", void 0);
 
-  security_setting_decorate([autowired(project_detail_service), security_setting_metadata("design:type", typeof (_b = typeof project_detail_service !== "undefined" && project_detail_service) === "function" ? _b : Object)], SecuritySetting.prototype, "service", void 0);
+  params_setting_decorate([autowired(project_detail_service), params_setting_metadata("design:type", typeof (_b = typeof project_detail_service !== "undefined" && project_detail_service) === "function" ? _b : Object)], ParamsSetting.prototype, "service", void 0);
 
-  security_setting_decorate([Object(flagwind_web_["watch"])("model", {
-    deep: true
-  }), security_setting_metadata("design:type", Function), security_setting_metadata("design:paramtypes", []), security_setting_metadata("design:returntype", void 0)], SecuritySetting.prototype, "modelChange", null);
+  params_setting_decorate([Object(flagwind_web_["watch"])("interfaceModel", {
+    immediate: true
+  }), params_setting_metadata("design:type", Function), params_setting_metadata("design:paramtypes", []), params_setting_metadata("design:returntype", void 0)], ParamsSetting.prototype, "init", null);
 
-  SecuritySetting = security_setting_decorate([Object(flagwind_web_["component"])({
-    template: __webpack_require__("b676"),
+  ParamsSetting = params_setting_decorate([Object(flagwind_web_["component"])({
+    template: __webpack_require__("7640"),
     components: {
-      "u-tips-form-label": tips_form_label
+      "u-editor": components_code_editor
     }
-  })], SecuritySetting);
-  return SecuritySetting;
-}(flagwind_web_["Component"]);
+  })], ParamsSetting);
+  return ParamsSetting;
+}(base_editor_setting);
 
-/* harmony default export */ var project_detail_security_setting = (security_setting_SecuritySetting);
+/* harmony default export */ var project_detail_params_setting = (params_setting_ParamsSetting);
 // EXTERNAL MODULE: ./src/views/project-detail/interface-settings/index.scss
 var interface_settings = __webpack_require__("2a79");
 
@@ -61813,7 +62134,7 @@ var interface_settings = __webpack_require__("2a79");
 var security_setting_v2 = __webpack_require__("b156");
 
 // EXTERNAL MODULE: ./src/views/project-detail/security-setting-v2/tips-form-label/index.scss
-var security_setting_v2_tips_form_label = __webpack_require__("61ef");
+var tips_form_label = __webpack_require__("61ef");
 
 // CONCATENATED MODULE: ./src/views/project-detail/security-setting-v2/tips-form-label/index.ts
 
@@ -61822,7 +62143,7 @@ var security_setting_v2_tips_form_label = __webpack_require__("61ef");
 
 
 
-var security_setting_v2_tips_form_label_extends = undefined && undefined.__extends || function () {
+var tips_form_label_extends = undefined && undefined.__extends || function () {
   var _extendStatics = function extendStatics(d, b) {
     _extendStatics = Object.setPrototypeOf || {
       __proto__: []
@@ -61850,7 +62171,7 @@ var security_setting_v2_tips_form_label_extends = undefined && undefined.__exten
   };
 }();
 
-var security_setting_v2_tips_form_label_decorate = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+var tips_form_label_decorate = undefined && undefined.__decorate || function (decorators, target, key, desc) {
   var c = arguments.length,
       r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
       d;
@@ -61860,42 +62181,42 @@ var security_setting_v2_tips_form_label_decorate = undefined && undefined.__deco
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 
-var security_setting_v2_tips_form_label_metadata = undefined && undefined.__metadata || function (k, v) {
+var tips_form_label_metadata = undefined && undefined.__metadata || function (k, v) {
   if ((typeof Reflect === "undefined" ? "undefined" : _typeof(Reflect)) === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 
 
 
 
-var security_setting_v2_tips_form_label_TipsFormLabel =
+var tips_form_label_TipsFormLabel =
 /** @class */
 function (_super) {
-  security_setting_v2_tips_form_label_extends(TipsFormLabel, _super);
+  tips_form_label_extends(TipsFormLabel, _super);
 
   function TipsFormLabel() {
     return _super !== null && _super.apply(this, arguments) || this;
   }
 
-  security_setting_v2_tips_form_label_decorate([Object(flagwind_web_["config"])({
+  tips_form_label_decorate([Object(flagwind_web_["config"])({
     default: ""
-  }), security_setting_v2_tips_form_label_metadata("design:type", String)], TipsFormLabel.prototype, "tips", void 0);
+  }), tips_form_label_metadata("design:type", String)], TipsFormLabel.prototype, "tips", void 0);
 
-  security_setting_v2_tips_form_label_decorate([Object(flagwind_web_["config"])({
+  tips_form_label_decorate([Object(flagwind_web_["config"])({
     default: ""
-  }), security_setting_v2_tips_form_label_metadata("design:type", String)], TipsFormLabel.prototype, "labelTitle", void 0);
+  }), tips_form_label_metadata("design:type", String)], TipsFormLabel.prototype, "labelTitle", void 0);
 
-  security_setting_v2_tips_form_label_decorate([Object(flagwind_web_["config"])({
+  tips_form_label_decorate([Object(flagwind_web_["config"])({
     type: Boolean,
     default: false
-  }), security_setting_v2_tips_form_label_metadata("design:type", Boolean)], TipsFormLabel.prototype, "labelColon", void 0);
+  }), tips_form_label_metadata("design:type", Boolean)], TipsFormLabel.prototype, "labelColon", void 0);
 
-  TipsFormLabel = security_setting_v2_tips_form_label_decorate([Object(flagwind_web_["component"])({
+  TipsFormLabel = tips_form_label_decorate([Object(flagwind_web_["component"])({
     template: __webpack_require__("2f53")
   })], TipsFormLabel);
   return TipsFormLabel;
 }(flagwind_web_["Component"]);
 
-/* harmony default export */ var project_detail_security_setting_v2_tips_form_label = (security_setting_v2_tips_form_label_TipsFormLabel);
+/* harmony default export */ var security_setting_v2_tips_form_label = (tips_form_label_TipsFormLabel);
 // EXTERNAL MODULE: ./src/views/project-detail/security-modal/index.scss
 var security_modal = __webpack_require__("1a93");
 
@@ -62281,6 +62602,8 @@ function (_super) {
                 this.isAddOnce = false;
                 this.exitAddItem = false;
               }
+
+              this.securityList.length && this.onSelectSecurityItem(this.securityList[0]);
             }
 
             return [2
@@ -62331,7 +62654,8 @@ function (_super) {
             _a.label = 3;
 
           case 3:
-            this.currentSecurityItem = {};
+            this.securityList.length && this.onSelectSecurityItem(this.securityList[0]);
+            this.$publish("api://security-list-refresh");
             return [2
             /*return*/
             ];
@@ -62471,7 +62795,7 @@ function (_super) {
   SecurityModalComponent = security_modal_decorate([Object(flagwind_web_["component"])({
     template: __webpack_require__("3bf8"),
     components: {
-      "u-tips-form-label": project_detail_security_setting_v2_tips_form_label
+      "u-tips-form-label": security_setting_v2_tips_form_label
     }
   })], SecurityModalComponent);
   return SecurityModalComponent;
@@ -62903,7 +63227,7 @@ function (_super) {
   SecuritySettingV2 = security_setting_v2_decorate([Object(flagwind_web_["component"])({
     template: __webpack_require__("3de4"),
     components: {
-      "u-tips-form-label": project_detail_security_setting_v2_tips_form_label,
+      "u-tips-form-label": security_setting_v2_tips_form_label,
       "u-security-modal": project_detail_security_modal
     }
   })], SecuritySettingV2);
@@ -62932,6 +63256,7 @@ function (_super) {
 
 
 
+
 
 
 var interface_settings_extends = undefined && undefined.__extends || function () {
@@ -63142,7 +63467,7 @@ var interface_settings_generator = undefined && undefined.__generator || functio
 
 
 
-
+ // import SecuritySetting from "../security-setting";
 
 
 
@@ -63217,12 +63542,15 @@ function (_super) {
   };
 
   InterfaceSettings.prototype.onRun = function () {
-    var _a, _b;
+    var _a, _b, _c;
 
     return interface_settings_awaiter(this, void 0, void 0, function () {
-      var formParams, requestHeaders, result;
-      return interface_settings_generator(this, function (_c) {
-        switch (_c.label) {
+      var formParams, requestHeaders, index, result;
+
+      var _this = this;
+
+      return interface_settings_generator(this, function (_d) {
+        switch (_d.label) {
           case 0:
             this.loading = true;
             formParams = [];
@@ -63240,6 +63568,13 @@ function (_super) {
               });
             }
 
+            if (!((_c = this.interfaceModel.environmentParam) === null || _c === void 0 ? void 0 : _c.length)) {
+              index = this.paramList.findIndex(function (v) {
+                return v.id === _this.interfaceModel.info.envId;
+              });
+              this.interfaceModel.environmentParam = index > -1 ? this.paramList[index] : null;
+            }
+
             return [4
             /*yield*/
             , this.service.run(this.interfaceModel.info.id, interface_settings_assign(interface_settings_assign({}, this.interfaceModel), {
@@ -63248,7 +63583,7 @@ function (_super) {
             }))];
 
           case 1:
-            result = _c.sent();
+            result = _d.sent();
             this.loading = false;
             this.response = (result === null || result === void 0 ? void 0 : result.result) || new Response();
 
@@ -63381,7 +63716,7 @@ function (_super) {
           case 0:
             return [4
             /*yield*/
-            , this.service.getEnvironmentParamList({
+            , this.service.getVariableList({
               projectId: this.projectId
             })];
 
@@ -63428,7 +63763,7 @@ function (_super) {
       response: project_detail_response,
       params: project_detail_params_setting,
       headers: project_detail_headers_setting,
-      security: project_detail_security_setting,
+      // security: SecuritySetting,
       "pre-execution": project_detail_pre_execution_setting,
       "after-execution-transfer": project_detail_after_execution_transfer,
       "after-execution-script": after_execution_script,
@@ -63477,7 +63812,160 @@ var group_select_extends = undefined && undefined.__extends || function () {
   };
 }();
 
-var group_select_decorate = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+var group_select_decorate = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+  var c = arguments.length,
+      r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
+      d;
+  if ((typeof Reflect === "undefined" ? "undefined" : _typeof(Reflect)) === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) {
+    if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  }
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+var group_select_metadata = undefined && undefined.__metadata || function (k, v) {
+  if ((typeof Reflect === "undefined" ? "undefined" : _typeof(Reflect)) === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+
+
+
+
+var group_select_GroupSelect =
+/** @class */
+function (_super) {
+  group_select_extends(GroupSelect, _super);
+
+  function GroupSelect() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+
+    _this.visible = false;
+    return _this;
+  }
+
+  GroupSelect.prototype.onSelect = function (arr, node) {
+    this.$emit("on-select", node);
+    this.visible = false;
+  };
+
+  GroupSelect.prototype.onClear = function () {
+    this.onSelect([], {});
+  };
+
+  GroupSelect.prototype.renderContent = function (h, _a) {
+    var root = _a.root,
+        node = _a.node,
+        data = _a.data;
+    return h("div", {
+      class: "group-select-tree-node"
+    }, [h("i", {
+      attrs: {
+        class: "api-icon icon-interface"
+      }
+    }), h("p", {
+      attrs: {
+        title: data.title,
+        class: "api-group-select-tree-node-title"
+      }
+    }, data.title)]);
+  };
+
+  var _a;
+
+  group_select_decorate([Object(flagwind_web_["config"])({
+    default: function _default() {
+      return [];
+    }
+  }), group_select_metadata("design:type", typeof (_a = typeof Array !== "undefined" && Array) === "function" ? _a : Object)], GroupSelect.prototype, "data", void 0);
+
+  group_select_decorate([Object(flagwind_web_["config"])({
+    default: function _default() {
+      return new Object();
+    }
+  }), group_select_metadata("design:type", Object)], GroupSelect.prototype, "current", void 0);
+
+  group_select_decorate([Object(flagwind_web_["config"])({
+    type: Boolean,
+    default: false
+  }), group_select_metadata("design:type", Boolean)], GroupSelect.prototype, "isSelector", void 0);
+
+  GroupSelect = group_select_decorate([Object(flagwind_web_["component"])({
+    template: __webpack_require__("c01f"),
+    components: {}
+  })], GroupSelect);
+  return GroupSelect;
+}(flagwind_web_["Component"]);
+
+/* harmony default export */ var project_detail_group_select = (group_select_GroupSelect);
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.from.js
+var es_array_from = __webpack_require__("a630");
+
+// EXTERNAL MODULE: ./src/views/project-detail/batch-api-modal/index.scss
+var batch_api_modal = __webpack_require__("8ea2");
+
+// CONCATENATED MODULE: ./src/views/project-detail/batch-api-modal/index.ts
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var batch_api_modal_extends = undefined && undefined.__extends || function () {
+  var _extendStatics = function extendStatics(d, b) {
+    _extendStatics = Object.setPrototypeOf || {
+      __proto__: []
+    } instanceof Array && function (d, b) {
+      d.__proto__ = b;
+    } || function (d, b) {
+      for (var p in b) {
+        if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];
+      }
+    };
+
+    return _extendStatics(d, b);
+  };
+
+  return function (d, b) {
+    if (typeof b !== "function" && b !== null) throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+
+    _extendStatics(d, b);
+
+    function __() {
+      this.constructor = d;
+    }
+
+    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+  };
+}();
+
+var batch_api_modal_assign = undefined && undefined.__assign || function () {
+  batch_api_modal_assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+
+      for (var p in s) {
+        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+      }
+    }
+
+    return t;
+  };
+
+  return batch_api_modal_assign.apply(this, arguments);
+};
+
+var batch_api_modal_decorate = undefined && undefined.__decorate || function (decorators, target, key, desc) {
   var c = arguments.length,
       r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
       d;
@@ -63487,79 +63975,490 @@ var group_select_decorate = undefined && undefined.__decorate || function (decor
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 
-var group_select_metadata = undefined && undefined.__metadata || function (k, v) {
+var batch_api_modal_metadata = undefined && undefined.__metadata || function (k, v) {
   if ((typeof Reflect === "undefined" ? "undefined" : _typeof(Reflect)) === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 
+var batch_api_modal_awaiter = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
+  function adopt(value) {
+    return value instanceof P ? value : new P(function (resolve) {
+      resolve(value);
+    });
+  }
+
+  return new (P || (P = Promise))(function (resolve, reject) {
+    function fulfilled(value) {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+
+    function rejected(value) {
+      try {
+        step(generator["throw"](value));
+      } catch (e) {
+        reject(e);
+      }
+    }
 
+    function step(result) {
+      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
+    }
 
+    step((generator = generator.apply(thisArg, _arguments || [])).next());
+  });
+};
 
-var group_select_GroupSelect =
+var batch_api_modal_generator = undefined && undefined.__generator || function (thisArg, body) {
+  var _ = {
+    label: 0,
+    sent: function sent() {
+      if (t[0] & 1) throw t[1];
+      return t[1];
+    },
+    trys: [],
+    ops: []
+  },
+      f,
+      y,
+      t,
+      g;
+  return g = {
+    next: verb(0),
+    "throw": verb(1),
+    "return": verb(2)
+  }, typeof Symbol === "function" && (g[Symbol.iterator] = function () {
+    return this;
+  }), g;
+
+  function verb(n) {
+    return function (v) {
+      return step([n, v]);
+    };
+  }
+
+  function step(op) {
+    if (f) throw new TypeError("Generator is already executing.");
+
+    while (_) {
+      try {
+        if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+        if (y = 0, t) op = [op[0] & 2, t.value];
+
+        switch (op[0]) {
+          case 0:
+          case 1:
+            t = op;
+            break;
+
+          case 4:
+            _.label++;
+            return {
+              value: op[1],
+              done: false
+            };
+
+          case 5:
+            _.label++;
+            y = op[1];
+            op = [0];
+            continue;
+
+          case 7:
+            op = _.ops.pop();
+
+            _.trys.pop();
+
+            continue;
+
+          default:
+            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+              _ = 0;
+              continue;
+            }
+
+            if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+              _.label = op[1];
+              break;
+            }
+
+            if (op[0] === 6 && _.label < t[1]) {
+              _.label = t[1];
+              t = op;
+              break;
+            }
+
+            if (t && _.label < t[2]) {
+              _.label = t[2];
+
+              _.ops.push(op);
+
+              break;
+            }
+
+            if (t[2]) _.ops.pop();
+
+            _.trys.pop();
+
+            continue;
+        }
+
+        op = body.call(thisArg, _);
+      } catch (e) {
+        op = [6, e];
+        y = 0;
+      } finally {
+        f = t = 0;
+      }
+    }
+
+    if (op[0] & 5) throw op[1];
+    return {
+      value: op[0] ? op[1] : void 0,
+      done: true
+    };
+  }
+};
+
+
+
+
+
+
+
+var batch_api_modal_BatchApiModal =
 /** @class */
 function (_super) {
-  group_select_extends(GroupSelect, _super);
+  batch_api_modal_extends(BatchApiModal, _super);
 
-  function GroupSelect() {
+  function BatchApiModal() {
     var _this = _super !== null && _super.apply(this, arguments) || this;
 
-    _this.visible = false;
+    _this.keyword = "";
+    _this.apiList = [];
+    _this.isEmpty = true;
+    _this.allSelect = false;
+    _this.variableList = [];
+    _this.securityList = [];
+    _this.set = new Set();
+    _this.type = "env";
+    _this.formData = {
+      envId: "",
+      authId: ""
+    };
     return _this;
   }
 
-  GroupSelect.prototype.onSelect = function (arr, node) {
-    this.$emit("on-select", node);
-    this.visible = false;
+  Object.defineProperty(BatchApiModal.prototype, "rules", {
+    get: function get() {
+      if (this.type === "env") {
+        return {
+          envId: [{
+            required: true,
+            message: "请选择",
+            trigger: "change"
+          }]
+        };
+      } else if (this.type === "auth") {
+        return {
+          authId: [{
+            required: true,
+            message: "请选择",
+            trigger: "change"
+          }]
+        };
+      } else {
+        return {
+          envId: [{
+            required: true,
+            message: "请选择",
+            trigger: "change"
+          }],
+          authId: [{
+            required: true,
+            message: "请选择",
+            trigger: "change"
+          }]
+        };
+      }
+    },
+    enumerable: false,
+    configurable: true
+  });
+  /**
+   * 过滤查询
+   * @param data
+   */
+
+  BatchApiModal.prototype.onFilter = function (data) {
+    var _this = this;
+
+    this.apiList = this.data.$clone().filter(function (h) {
+      if (h.name.indexOf(_this.keyword) > -1) {
+        return h;
+      }
+    });
+    this.apiList.forEach(function (v) {
+      _this.set.has(v.id) && (v.selected = true);
+    });
+  }; // 弹窗打开和关闭需要重置数据
+
+
+  BatchApiModal.prototype.onShowChange = function (show) {
+    return batch_api_modal_awaiter(this, void 0, void 0, function () {
+      return batch_api_modal_generator(this, function (_a) {
+        if (show) {
+          this.getVariableList();
+          this.apiList = this.data.$clone();
+        } else {
+          this.allSelect = false;
+          this.set.clear();
+          this.$refs["batch-api-form"].resetFields();
+        }
+
+        return [2
+        /*return*/
+        ];
+      });
+    });
   };
 
-  GroupSelect.prototype.onClear = function () {
-    this.onSelect([], {});
+  BatchApiModal.prototype.onEmpty = function (value) {
+    if (value) {
+      this.isEmpty = true;
+    } else {
+      this.isEmpty = false;
+    }
   };
+  /**
+   * 分别获取环境变量和授权设置的数据
+   */
 
-  GroupSelect.prototype.renderContent = function (h, _a) {
-    var root = _a.root,
-        node = _a.node,
-        data = _a.data;
-    return h("div", {
-      class: "group-select-tree-node"
-    }, [h("i", {
-      attrs: {
-        class: "api-icon icon-interface"
-      }
-    }), h("p", {
-      attrs: {
-        title: data.title,
-        class: "api-group-select-tree-node-title"
-      }
-    }, data.title)]);
+
+  BatchApiModal.prototype.getVariableList = function () {
+    return batch_api_modal_awaiter(this, void 0, void 0, function () {
+      var res, list;
+      return batch_api_modal_generator(this, function (_a) {
+        switch (_a.label) {
+          case 0:
+            return [4
+            /*yield*/
+            , this.service.getVariableList({
+              projectId: this.projectId
+            })];
+
+          case 1:
+            res = _a.sent();
+            return [4
+            /*yield*/
+            , this.service.getSecurityList({
+              projectId: this.projectId
+            })];
+
+          case 2:
+            list = _a.sent();
+
+            if (!(res === null || res === void 0 ? void 0 : res.hasError)) {
+              this.variableList = res.result || [];
+            }
+
+            if (!(list === null || list === void 0 ? void 0 : list.hasError)) {
+              this.securityList = list.result || [];
+            }
+
+            return [2
+            /*return*/
+            ];
+        }
+      });
+    });
+  };
+  /**
+   * 点击每个api的复选框触发事件
+   * @param data 当前复选框状态
+   * @param item 当前操作的数据
+   */
+
+
+  BatchApiModal.prototype.onSelect = function (data, item) {
+    if (data) {
+      this.set.add(item.id);
+    } else {
+      this.set.delete(item.id);
+    }
+  };
+  /**
+   * 点击全选框事件
+   * @param data 当前全选框的值
+   */
+
+
+  BatchApiModal.prototype.onAllSelect = function (data) {
+    var _this = this;
+
+    if (data) {
+      this.apiList.forEach(function (item) {
+        item.selected = true;
+
+        _this.set.add(item.id);
+      });
+    } else {
+      this.apiList.forEach(function (item) {
+        item.selected = false;
+
+        _this.set.delete(item.id);
+      });
+    }
+  };
+
+  BatchApiModal.prototype.onCancel = function () {
+    this.keyword = "";
+    this.value = false;
+  };
+  /**
+   * 保存事件
+   * @returns
+   */
+
+
+  BatchApiModal.prototype.onSave = function () {
+    return batch_api_modal_awaiter(this, void 0, void 0, function () {
+      var vaild, data, res, res, res, result;
+      return batch_api_modal_generator(this, function (_a) {
+        switch (_a.label) {
+          case 0:
+            if (!this.set.size) {
+              return [2
+              /*return*/
+              , this.$message.warning("请选择api")];
+            }
+
+            return [4
+            /*yield*/
+            , this.$refs["batch-api-form"].validate()];
+
+          case 1:
+            vaild = _a.sent();
+
+            if (!vaild) {
+              return [2
+              /*return*/
+              ];
+            }
+
+            data = {
+              ids: Array.from(this.set)
+            };
+            if (!(this.type === "env")) return [3
+            /*break*/
+            , 3];
+            data.envId = this.formData.envId === "empty" ? "" : this.formData.envId;
+            return [4
+            /*yield*/
+            , this.service.onBatchEnv(data)];
+
+          case 2:
+            res = _a.sent();
+
+            if (res && !res.hasError) {
+              this.$message.success("保存成功！");
+              this.$emit("on-success", true);
+              this.onCancel();
+            }
+
+            return [2
+            /*return*/
+            ];
+
+          case 3:
+            if (!(this.type === "auth")) return [3
+            /*break*/
+            , 5];
+            data.authId = this.formData.authId === "empty" ? "" : this.formData.authId;
+            return [4
+            /*yield*/
+            , this.service.onBatchAuth(data)];
+
+          case 4:
+            res = _a.sent();
+
+            if (res && !res.hasError) {
+              this.$message.success("保存成功！"); // this.$publish("api://batch-api-refresh");
+              // this.$publish("api://security-list-refresh");
+
+              this.onCancel();
+            }
+
+            return [2
+            /*return*/
+            ];
+
+          case 5:
+            return [4
+            /*yield*/
+            , this.service.onBatchEnv(batch_api_modal_assign(batch_api_modal_assign({}, data), {
+              envId: this.formData.envId === "empty" ? "" : this.formData.envId
+            }))];
+
+          case 6:
+            res = _a.sent();
+            return [4
+            /*yield*/
+            , this.service.onBatchAuth(batch_api_modal_assign(batch_api_modal_assign({}, data), {
+              authId: this.formData.authId === "empty" ? "" : this.formData.authId
+            }))];
+
+          case 7:
+            result = _a.sent();
+
+            if (!(res === null || res === void 0 ? void 0 : res.hasError) && !(result === null || result === void 0 ? void 0 : result.hasError)) {
+              this.$message.success("保存成功！");
+              this.$emit("on-success", true);
+              this.onCancel();
+            }
+
+            return [2
+            /*return*/
+            ];
+        }
+      });
+    });
   };
 
   var _a;
 
-  group_select_decorate([Object(flagwind_web_["config"])({
+  batch_api_modal_decorate([autowired(project_detail_service), batch_api_modal_metadata("design:type", typeof (_a = typeof project_detail_service !== "undefined" && project_detail_service) === "function" ? _a : Object)], BatchApiModal.prototype, "service", void 0);
+
+  batch_api_modal_decorate([Object(external_vue_property_decorator_["PropSync"])("visiable", {
+    default: false
+  }), batch_api_modal_metadata("design:type", Boolean)], BatchApiModal.prototype, "value", void 0);
+
+  batch_api_modal_decorate([Object(flagwind_web_["config"])({
+    default: []
+  }), batch_api_modal_metadata("design:type", Object)], BatchApiModal.prototype, "data", void 0);
+
+  batch_api_modal_decorate([Object(flagwind_web_["config"])({
     default: function _default() {
       return [];
     }
-  }), group_select_metadata("design:type", typeof (_a = typeof Array !== "undefined" && Array) === "function" ? _a : Object)], GroupSelect.prototype, "data", void 0);
+  }), batch_api_modal_metadata("design:type", String)], BatchApiModal.prototype, "projectId", void 0);
 
-  group_select_decorate([Object(flagwind_web_["config"])({
-    default: function _default() {
-      return new Object();
-    }
-  }), group_select_metadata("design:type", Object)], GroupSelect.prototype, "current", void 0);
+  batch_api_modal_decorate([Object(flagwind_web_["watch"])("value"), batch_api_modal_metadata("design:type", Function), batch_api_modal_metadata("design:paramtypes", [Boolean]), batch_api_modal_metadata("design:returntype", Promise)], BatchApiModal.prototype, "onShowChange", null);
 
-  group_select_decorate([Object(flagwind_web_["config"])({
-    type: Boolean,
-    default: false
-  }), group_select_metadata("design:type", Boolean)], GroupSelect.prototype, "isSelector", void 0);
+  batch_api_modal_decorate([Object(flagwind_web_["watch"])("data.length", {
+    immediate: true
+  }), batch_api_modal_metadata("design:type", Function), batch_api_modal_metadata("design:paramtypes", [Object]), batch_api_modal_metadata("design:returntype", void 0)], BatchApiModal.prototype, "onEmpty", null);
 
-  GroupSelect = group_select_decorate([Object(flagwind_web_["component"])({
-    template: __webpack_require__("c01f"),
+  BatchApiModal = batch_api_modal_decorate([Object(flagwind_web_["component"])({
+    template: __webpack_require__("88af"),
     components: {}
-  })], GroupSelect);
-  return GroupSelect;
+  })], BatchApiModal);
+  return BatchApiModal;
 }(flagwind_web_["Component"]);
 
-/* harmony default export */ var project_detail_group_select = (group_select_GroupSelect);
+/* harmony default export */ var project_detail_batch_api_modal = (batch_api_modal_BatchApiModal);
 // EXTERNAL MODULE: ./src/views/project-detail/tree-node/index.scss
 var project_detail_tree_node = __webpack_require__("688a");
 
@@ -63882,6 +64781,7 @@ var project_detail_tree_generator = undefined && undefined.__generator || functi
 
 
 
+
 var tree_ProjectTree =
 /** @class */
 function (_super) {
@@ -63915,6 +64815,8 @@ function (_super) {
     }];
     _this.showInterfaceModal = false;
     _this.showGroupModal = false;
+    _this.showBatchModal = false;
+    _this.categoryApiList = [];
     _this.interfaceModel = {
       method: "GET"
     };
@@ -63936,6 +64838,7 @@ function (_super) {
         "on-edit-interface": this.onEditInterface,
         // "on-delete-interface": this.onDeleteInterface,
         "on-delete-interface": this.onDeleteClick,
+        "on-edit-attribute": this.onBatchEdit,
         "on-copy-interface": this.onCopyInterface,
         "on-add-interface": this.onAddInterface,
         "on-delete-group": this.onDeleteGroup,
@@ -63958,6 +64861,21 @@ function (_super) {
     this.showInterfaceModal = true;
   };
 
+  ProjectTree.prototype.onBatchEdit = function (data) {
+    var list = [];
+    this.data.forEach(function (item) {
+      if (item.id === data.id) {
+        list = data.apis;
+        return;
+      }
+    });
+    this.categoryApiList = list.map(function (h) {
+      h.selected = false;
+      return h;
+    });
+    this.showBatchModal = true;
+  };
+
   ProjectTree.prototype.onDeleteInterface = function (data) {
     return project_detail_tree_awaiter(this, void 0, void 0, function () {
       var result;
@@ -64295,6 +65213,10 @@ function (_super) {
     });
   };
 
+  ProjectTree.prototype.onBatchSuccess = function (data) {
+    this.$emit("on-success", data);
+  };
+
   var _a;
 
   project_detail_tree_decorate([Object(flagwind_web_["config"])({
@@ -64312,7 +65234,8 @@ function (_super) {
   ProjectTree = project_detail_tree_decorate([Object(flagwind_web_["component"])({
     template: __webpack_require__("193e"),
     components: {
-      "u-group-select": project_detail_group_select
+      "u-group-select": project_detail_group_select,
+      "u-batch-modal": project_detail_batch_api_modal
     }
   })], ProjectTree);
   return ProjectTree;
@@ -64556,6 +65479,7 @@ var project_detail_generator = undefined && undefined.__generator || function (t
 
 
 
+
 var project_detail_ProjectDetail =
 /** @class */
 function (_super) {
@@ -64570,6 +65494,7 @@ function (_super) {
     _this.showGlobalModal = false;
     _this.showCurrentModal = false;
     _this.showSecurity = false;
+    _this.showEnvironmentModal = false;
     _this.projectId = "";
     _this.projectName = "";
     _this.split = "340px";
@@ -64578,6 +65503,7 @@ function (_super) {
       slidesPerView: "auto",
       spaceBetween: 0
     };
+    _this.current = {};
     return _this;
   }
 
@@ -64629,6 +65555,7 @@ function (_super) {
       return project_detail_generator(this, function (_a) {
         switch (_a.label) {
           case 0:
+            this.current = data;
             resumeData = {};
 
             if (isResume) {
@@ -64753,6 +65680,10 @@ function (_super) {
 
   ProjectDetail.prototype.onOpenCurrentModal = function () {
     this.showCurrentModal = true;
+  };
+
+  ProjectDetail.prototype.onOpenEnvModal = function () {
+    this.showEnvironmentModal = true;
   }; // @watch("$route", { deep: true, immediate: true })
 
 
@@ -64768,7 +65699,10 @@ function (_super) {
         id: apiId,
         name: apiName
       }, resume === "true");
-    }
+    } // this.$subscribe("api://batch-api-refresh", async () => {
+    //     this.onCheckInterface(this.current, resume === "true");
+    // });
+
   };
 
   ProjectDetail.prototype.activated = function () {
@@ -64791,6 +65725,12 @@ function (_super) {
     });
   };
 
+  ProjectDetail.prototype.onBatchSuccess = function (data) {
+    if (data) {
+      this.getProjectInfo();
+    }
+  };
+
   var _a;
 
   project_detail_decorate([autowired(project_detail_service), project_detail_metadata("design:type", typeof (_a = typeof project_detail_service !== "undefined" && project_detail_service) === "function" ? _a : Object)], ProjectDetail.prototype, "service", void 0);
@@ -64803,6 +65743,7 @@ function (_super) {
       "u-settings": project_detail_interface_settings,
       "u-global-modal": project_detail_global_variable_modal,
       "u-current-modal": project_detail_current_variable_modal,
+      "u-environment-modal": project_detail_environment_variable_modal,
       Swiper: vue_awesome_swiper["Swiper"],
       SwiperSlide: vue_awesome_swiper["SwiperSlide"],
       "u-security-modal": project_detail_security_modal