@egova/egova-api 1.0.162 → 1.0.165

package/dist/index.common.js

@@ -22654,6 +22654,13 @@ module.exports = Object.hasOwn || function hasOwn(it, key) {
 };
 
 
+/***/ }),
+
+/***/ "1a93":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "1aea":
@@ -26344,6 +26351,13 @@ 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"
+
+/***/ }),
+
 /***/ "342f":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -26459,6 +26473,13 @@ 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>\n    <header slot=\"header\">授权认证</header>\n    <main class=\"security-content\">\n        <div class=\"left\">\n            <div class=\"left-title\">\n                <div class=\"left-title-text\">授权列表</div>\n                <i class=\"api-icon icon-add\" @click=\"onAddItem\"></i>\n            </div>\n            <div class=\"left-content\">\n                <i-input class=\"diy-input search-input\" v-model=\"keyword\" placeholder=\"输入关键字查询\" @on-change=\"onFilter\">\n                    <template #prefix>\n                        <i-icon type=\"ios-search\"/>\n                    </template>\n                </i-input>\n                <div class=\"security-list\">\n                    <div class=\"security-list-item\"\n                         :class=\"currentSecurityItem.id === item.id ? 'security-list-item-active' : ''\"\n                         v-for=\"(item,index) in securityList\"\n                         :key=\"item.id || index\"\n                         @click=\"onSelectSecurityItem(item)\"\n                    >\n                        <div class=\"security-list-item-name\">\n                            <i class=\"iconfont icon-shouquan1\"></i>\n                            <div class=\"security-list-item-text\">{{ item.name || \"新授权\" }}</div>\n                        </div>\n                        <i-poptip confirm title=\"确认删除这条数据吗？\" transfer placement=\"top-end\" @on-ok=\"onDelete(item)\">\n                            <i class=\"iconfont icon-delete\"></i>\n                        </i-poptip>\n<!--                        <i class=\"iconfont icon-delete\" @click.stop=\"onDelete(item)\"></i>-->\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"right\">\n            <div class=\"right-title\">授权内容</div>\n            <div class=\"right-content\">\n                <i-form class=\"security-content-form\"label-colon :label-width=\"170\" :model=\"currentSecurityItem\">\n                    <template v-if=\"currentSecurityItem.type\">\n                        <i-form-item class=\"security-content-form-item\" label=\"授权名称\">\n                            <i-input class=\"diy-input\" placeholder=\"请输入\" v-model=\"currentSecurityItem.name\"></i-input>\n                        </i-form-item>\n                        <i-form-item class=\"security-content-form-item\" label=\"授权类型\">\n                            <i-select class=\"diy-select\" v-model=\"currentSecurityItem.type\">\n                                <i-option v-for=\"(item,index) in securityTypeList\" :value=\"item.name\" :key=\"index\">{{ item.text }}</i-option>\n                            </i-select>\n                        </i-form-item>\n                    </template>\n                    <template v-if=\"currentSecurityItem.type && currentSecurityItem.type !== 'GROOVY_SCRIPT'\">\n                        <i-form-item class=\"security-content-form-item\" label=\"存储位置\">\n                            <i-select class=\"diy-select\" v-model=\"currentSecurityItem.location\">\n                                <i-option v-for=\"(item,index) in tokenLocationTypeList\" :value=\"item.name\" :key=\"item.name\">{{ item.text }}</i-option>\n                            </i-select>\n                        </i-form-item>\n                        <i-form-item class=\"security-content-form-item\" label=\"存储键值\">\n                            <i-input class=\"diy-input\" placeholder=\"请输入\" v-model=\"currentSecurityItem.locationKey\"></i-input>\n                        </i-form-item>\n                    </template>\n                    <template v-if=\"currentSecurityItem.type === 'Api_Key'\">\n                        <i-form-item class=\"security-content-form-item\" label=\"key\">\n                            <i-input class=\"diy-input\" placeholder=\"请输入\" v-model=\"currentSecurityItem.content.key\"></i-input>\n                        </i-form-item>\n                    </template>\n                    <template v-if=\"currentSecurityItem.type === 'Base_Auth'\">\n                        <i-form-item class=\"security-content-form-item\" label=\"username\">\n                            <i-input class=\"diy-input\" placeholder=\"请输入\" v-model=\"currentSecurityItem.content.username\"></i-input>\n                        </i-form-item>\n                        <i-form-item class=\"security-content-form-item\" label=\"password\">\n                            <i-input class=\"diy-password-input diy-input\" placeholder=\"请输入\" v-model=\"currentSecurityItem.content.password\" type=\"password\" password></i-input>\n                        </i-form-item>\n                    </template>\n                    <template v-if=\"currentSecurityItem.type === 'OAuth2'\">\n                        <i-form-item class=\"security-content-form-item\">\n                            <u-tips-form-label slot=\"label\" :labelTitle=\"'Header Prefix'\" tips=\"token前缀 例如 Bearer\" label-colon></u-tips-form-label>\n                            <i-input class=\"diy-input\" placeholder=\"请输入\" v-model=\"currentSecurityItem.content.headerPrefix\"></i-input>\n                        </i-form-item>\n                        <i-form-item class=\"security-content-form-item\">\n                            <u-tips-form-label slot=\"label\" :labelTitle=\"'Grant Type'\" tips=\"认证类型\" label-colon></u-tips-form-label>\n                            <i-select v-model=\"currentSecurityItem.content.grantType\" class=\"diy-select\">\n                                <i-option v-for=\"item in grantTypeList\" :key=\"item.name\" :value=\"item.name\"> {{item.text}} </i-option>\n                            </i-select>\n                        </i-form-item>\n                        <i-form-item class=\"security-content-form-item\">\n                            <u-tips-form-label slot=\"label\" :labelTitle=\"'Access Token Url'\" tips=\"获取token的httpUrl\" label-colon></u-tips-form-label>\n                            <i-input class=\"diy-input\" placeholder=\"请输入\" v-model=\"currentSecurityItem.content.tokenUrl\"></i-input>\n                        </i-form-item>\n                        <i-form-item class=\"security-content-form-item\">\n                            <u-tips-form-label slot=\"label\" :labelTitle=\"'TokenPath'\" tips=\"获取响应结果的token路径\" label-colon></u-tips-form-label>\n                            <i-input class=\"diy-input\" placeholder=\"请输入\" v-model=\"currentSecurityItem.content.tokenPath\"></i-input>\n                        </i-form-item>\n                        <i-form-item class=\"security-content-form-item\" label=\"Client ID\">\n                            <i-input class=\"diy-input\" placeholder=\"请输入\" v-model=\"currentSecurityItem.content.clientId\"></i-input>\n                        </i-form-item>\n                        <i-form-item class=\"security-content-form-item\" label=\"Client Secret\">\n                            <i-input class=\"diy-input\" placeholder=\"请输入\" v-model=\"currentSecurityItem.content.clientSecret\"></i-input>\n                        </i-form-item>\n                        <template v-if=\"currentSecurityItem.content.grantType === 'password'\">\n                            <i-form-item class=\"security-content-form-item\" label=\"username\">\n                                <i-input class=\"diy-input\" placeholder=\"请输入\" v-model=\"currentSecurityItem.content.username\"></i-input>\n                            </i-form-item>\n                            <i-form-item class=\"security-content-form-item\" label=\"password\">\n                                <i-input class=\"diy-input\" placeholder=\"请输入\" v-model=\"currentSecurityItem.content.password\" type=\"password\" password></i-input>\n                            </i-form-item>\n                        </template>\n                        <i-form-item class=\"security-content-form-item\">\n                            <u-tips-form-label slot=\"label\" :labelTitle=\"'Scope'\" tips=\"访问请求的范围，它可能有多个空格分隔的值\" label-colon></u-tips-form-label>\n                            <i-input class=\"diy-input\" placeholder=\"请输入\" v-model=\"currentSecurityItem.content.scope\"></i-input>\n                        </i-form-item>\n                    </template>\n                    <template v-if=\"currentSecurityItem.type === 'GROOVY_SCRIPT'\">\n                        <i-form-item class=\"security-content-form-item script-area-item\" label=\"授权脚本\">\n                            <i-input class=\"diy-input script-area\" type=\"textarea\" placeholder=\"请输入\" v-model=\"currentSecurityItem.scriptContent\"></i-input>\n                        </i-form-item>\n                    </template>\n                </i-form>\n            </div>\n        </div>\n    </main>\n\n    <footer slot=\"footer\">\n        <template>\n            <i-button class=\"diy-btn-default\" @click=\"onCancel\">取消</i-button>\n            <i-button type=\"primary\" class=\"diy-btn-primary\" @click=\"onSave\">保存</i-button>\n        </template>\n    </footer>\n</i-modal>\n"
+
 /***/ }),
 
 /***/ "3ca3":
@@ -26497,6 +26518,13 @@ defineIterator(String, 'String', function (iterated) {
 });
 
 
+/***/ }),
+
+/***/ "3de4":
+/***/ (function(module, exports) {
+
+module.exports = "<article class=\"security-setting-v2\">\n    <div class=\"left\">\n        <i-form class=\"type-form diy-form\" label-colon>\n            <i-form-item label=\"选择授权\">\n                <!--            <i-select v-model=\"interfaceModel.authentication && interfaceModel.authentication.type\" class=\"diy-select\">-->\n                <!--                <i-option v-for=\"item in securityTypeList\" :key=\"item.name\" :value=\"item.name\">{{item.text}} </i-option>-->\n                <!--            </i-select>-->\n                <i-select ref=\"addSecuritySelect\" class=\"diy-select add-security-select\" v-model=\"currentSecurityItemId\"  @on-change=\"onChangeSecurityItem($event)\">\n                    <i-option v-for=\"item in securityList\" :key=\"item.id\" :value=\"item.id\">{{ item.name }}</i-option>\n                    <i-option class=\"add-security-item\" value=\"''\">\n                        <div class=\"add-security-item-content\" @click.stop=\"onAddSecurityItem\">\n                            <i class=\"api-icon icon-add\"></i>\n                            <span>新建授权</span>\n                        </div>\n<!--                        <div class=\"add-security-item-content\">-->\n<!--                            <i class=\"api-icon icon-add\"></i>-->\n<!--                            <span>新建授权</span>-->\n<!--                        </div>-->\n                    </i-option>\n                </i-select>\n            </i-form-item>\n            <i-form-item label=\"授权类型\">\n                <span class=\"security-type\">{{ currentSecurityItem._type?.text ?  currentSecurityItem._type.text : \"暂无\" }}</span>\n            </i-form-item>\n        </i-form>\n    </div>\n    <div class=\"right\">\n        <div class=\"right-title\">授权详情</div>\n        <div class=\"right-content\">\n            <div class=\"no-data\" v-if=\"!currentSecurityItem.type\">\n                <div class=\"no-data-bg\"></div>\n                <div class=\"no-data-text\">请在左侧下拉框中选择已建立授权</div>\n            </div>\n            <div class=\"script\" v-if=\"currentSecurityItem.type === 'GROOVY_SCRIPT'\">\n                <div class=\"script-content\">{{ currentSecurityItem.scriptContent }}</div>\n            </div>\n            <div class=\"api-key\" v-if=\"currentSecurityItem.type === 'Api_Key'\">\n                <i-form class=\"oauth-2-form diy-form\" label-colon>\n                    <i-form-item label=\"存储位置\">\n                        <span class=\"form-item-text\">{{ currentSecurityItem._location?.text ? currentSecurityItem._location.text : \"\"}}</span>\n                    </i-form-item>\n                    <i-form-item label=\"存储键值\">\n                        <span class=\"form-item-text\">{{ currentSecurityItem.locationKey }}</span>\n                    </i-form-item>\n                    <i-form-item label=\"key\">\n                        <span class=\"form-item-text\">{{ currentSecurityItem.content.key }}</span>\n                    </i-form-item>\n                </i-form>\n            </div>\n            <div class=\"base-auth\" v-if=\"currentSecurityItem.type === 'Base_Auth'\">\n                <i-form class=\"oauth-2-form diy-form\" label-colon>\n                    <i-form-item label=\"存储位置\">\n                        <span class=\"form-item-text\">{{ currentSecurityItem._location?.text ? currentSecurityItem._location.text : \"\" }}</span>\n                    </i-form-item>\n                    <i-form-item label=\"存储键值\">\n                        <span class=\"form-item-text\">{{ currentSecurityItem.locationKey }}</span>\n                    </i-form-item>\n                    <i-form-item label=\"username\">\n                        <span class=\"form-item-text\">{{ currentSecurityItem.content.username }}</span>\n                    </i-form-item>\n                    <i-form-item label=\"password\">\n                        <!--                        <span class=\"form-item-text\">{{ \"·\" }}</span>-->\n                        <!--                        <i-input class=\"diy-input\" v-model=\"model.password\" type=\"password\" password placeholder=\"请输入\"> </i-input>-->\n                        <i-input class=\"diy-password-input diy-input\" :value=\"currentSecurityItem.content.password\" type=\"password\"></i-input>\n                    </i-form-item>\n                </i-form>\n            </div>\n            <div class=\"oauth-2\" v-if=\"currentSecurityItem.type === 'OAuth2'\">\n                <i-form class=\"oauth-2-form diy-form\" label-colon>\n                    <i-form-item label=\"存储位置\">\n                        <span class=\"form-item-text\">{{ currentSecurityItem._location?.text ? currentSecurityItem._location.text : \"\" }}</span>\n                    </i-form-item>\n                    <i-form-item label=\"存储键值\">\n                        <span class=\"form-item-text\">{{ currentSecurityItem.locationKey }}</span>\n                    </i-form-item>\n                    <i-form-item>\n                        <u-tips-form-label slot=\"label\" :labelTitle=\"'Header Prefix'\" tips=\"token前缀 例如 Bearer\" label-colon></u-tips-form-label>\n                        <span class=\"form-item-text\">{{ currentSecurityItem.content.headerPrefix }}</span>\n                    </i-form-item>\n                    <i-form-item>\n                        <u-tips-form-label slot=\"label\" :labelTitle=\"'Grant Type'\" tips=\"认证类型\" label-colon></u-tips-form-label>\n                        <span class=\"form-item-text\">{{ findGrantTypeText(currentSecurityItem.content.grantType) }}</span>\n                    </i-form-item>\n                    <i-form-item>\n                        <u-tips-form-label slot=\"label\" :labelTitle=\"'Access Token Url'\" tips=\"获取token的httpUrl\" label-colon></u-tips-form-label>\n                        <span class=\"form-item-text\">{{ currentSecurityItem.content.tokenUrl }}</span>\n                    </i-form-item>\n                    <i-form-item>\n                        <u-tips-form-label slot=\"label\" :labelTitle=\"'TokenPath'\" tips=\"获取响应结果的token路径\" label-colon></u-tips-form-label>\n                        <span class=\"form-item-text\">{{ currentSecurityItem.content.tokenPath }}</span>\n                    </i-form-item>\n                    <i-form-item label=\"Client ID\">\n                        <span class=\"form-item-text\">{{ currentSecurityItem.content.clientId }}</span>\n                    </i-form-item>\n                    <i-form-item label=\"Client Secret\">\n                        <span class=\"form-item-text\">{{ currentSecurityItem.content.clientSecret }}</span>\n                    </i-form-item>\n                    <template v-if=\"currentSecurityItem.content.grantType === 'password'\">\n                        <i-form-item class=\"security-content-form-item\" label=\"username\">\n                            <span class=\"form-item-text\">{{ currentSecurityItem.content.username }}</span>\n                        </i-form-item>\n                        <i-form-item class=\"security-content-form-item\" label=\"password\">\n                            <i-input class=\"diy-password-input diy-input\" :value=\"currentSecurityItem.content.password\" type=\"password\"></i-input>\n                        </i-form-item>\n                    </template>\n                    <i-form-item label=\"Scope\">\n                        <u-tips-form-label slot=\"label\" :labelTitle=\"'Scope'\" tips=\"访问请求的范围，它可能有多个空格分隔的值\" label-colon></u-tips-form-label>\n                        <span class=\"form-item-text\">{{ currentSecurityItem.content.scope }}</span>\n                    </i-form-item>\n                </i-form>\n            </div>\n        </div>\n    </div>\n    <u-security-modal v-model=\"showSecurity\" :projectID=\"projectID\" :isAdd=\"isAdd\" @on-fresh=\"getSecurityList\"></u-security-modal>\n</article>\n"
+
 /***/ }),
 
 /***/ "3f8c":
@@ -26692,7 +26720,7 @@ fixRegExpWellKnownSymbolLogic('match', function (MATCH, nativeMatch, maybeCallNa
 /***/ "46d3":
 /***/ (function(module, exports) {
 
-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"
+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"
 
 /***/ }),
 
@@ -38476,6 +38504,13 @@ module.exports = !$assign || fails(function () {
 } : $assign;
 
 
+/***/ }),
+
+/***/ "61ef":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "6255":
@@ -43508,6 +43543,13 @@ if (DESCRIPTORS && !FUNCTION_NAME_EXISTS) {
 }
 
 
+/***/ }),
+
+/***/ "b156":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "b2d8":
@@ -46969,7 +47011,7 @@ $({ target: 'Object', stat: true, forced: Object.assign !== assign }, {
 /***/ "ccf6":
 /***/ (function(module, exports) {
 
-module.exports = "<!DOCTYPE html>\r\n<article class=\"v-api-combine-wrapper\">\r\n    <i-split v-model=\"split\" min=\"200px\" max=\"1100px\">\r\n        <!-- 左侧内容 -->\r\n        <section slot=\"left\" class=\"left-split-pane\">\r\n            <u-type-tree :initSelectItem=\"initNode\" @on-import-success=\"onQuery\" @on-select=\"onNodeSelect\" @on-tree-data=\"onTreeData\"> </u-type-tree>\r\n        </section>\r\n        <!-- 分割线 -->\r\n        <section class=\"trigger\" slot=\"trigger\"></section>\r\n        <!-- 右侧内容 -->\r\n        <section slot=\"right\" class=\"right-split-pane\">\r\n            <section class=\"search-wrapper\">\r\n                <i-form class=\"diy-search-form\" ref=\"searchForm\" :model=\"formData\" label-position=\"left\" label-colon>\r\n                    <i-form-item label=\"名称\" prop=\"name\">\r\n                        <i-input class=\"diy-input\" v-model=\"formData.name\"></i-input>\r\n                    </i-form-item>\r\n                    <i-form-item label=\"编码\" prop=\"code\">\r\n                        <i-input class=\"diy-input\" v-model=\"formData.code\"></i-input>\r\n                    </i-form-item>\r\n                </i-form>\r\n                <div class=\"btns\">\r\n                    <i-button class=\"diy-btn-primary\" type=\"primary\" @click=\"onQuery\">查询</i-button>\r\n                    <i-button class=\"diy-btn-default\" @click=\"onReset\">重置</i-button>\r\n                </div>\r\n            </section>\r\n            <section class=\"actions-wrapper\">\r\n                <div class=\"action-item action-text\" @click=\"onAdd()\" :class=\"currentNode.id === 'virtual_root_directory' ? 'icon-button-disabled' : ''\">\r\n                    <i class=\"iconfont icon-add\"></i>\r\n                    <div>新增</div>\r\n                </div>\r\n                <div class=\"action-item action-text\" :class=\"selection.length ? '' : 'icon-button-disabled'\" @click=\"onBatchDelete\">\r\n                    <i class=\"iconfont icon-delete\"></i>\r\n                    <span>批量删除</span>\r\n                </div>\r\n            </section>\r\n            <section class=\"main-wrapper\">\r\n                <i-table class=\"diy-table\" :columns=\"columns\" :data=\"list\" @on-selection-change=\"onSelectChange\">\r\n                    <template slot=\"status\" slot-scope=\"{row,index}\">\r\n                        <i-switch class=\"diy-switch\" :value=\"row.status==='PUBLISHED'\" @on-change=\"onStatusChange($event, row, index)\"></i-switch>\r\n                        <span>{{row.status===\"PUBLISHED\" ? \"已发布\" : \"未发布\"}}</span>\r\n                    </template>\r\n                    <template slot=\"doc\" slot-scope=\"{row}\">\r\n                        <a @click=\"onOpenDoc(row)\">查看</a>\r\n                    </template>\r\n                    <template #operates=\"{row,index}\">\r\n                        <div class=\"row-actions\">\r\n                            <i @click.stop=\"onDetail(row)\" title=\"查看\" class=\"iconfont icon-detail\"></i>\r\n                            <i @click.stop=\"onCopy(row)\" title=\"复制\" class=\"iconfont icon-fuzhi\"> </i>\r\n                            <template v-if=\"row.status!=='PUBLISHED'\">\r\n                                <i @click.stop=\"onEdit(row)\" title=\"编辑\" class=\"iconfont icon-edit\"></i>\r\n                                <i-poptip confirm transfer title=\"确认要删除这条数据吗？\" @on-ok=\"onDelete(row)\">\r\n                                    <i title=\"删除\" class=\"iconfont icon-delete\"></i>\r\n                                </i-poptip>\r\n                            </template>\r\n                        </div>\r\n                    </template>\r\n                </i-table>\r\n                <i-page\r\n                    class=\"diy-page\"\r\n                    show-total\r\n                    show-sizer\r\n                    show-elevator\r\n                    :total=\"paging.totalCount\"\r\n                    :current=\"paging.pageIndex\"\r\n                    :page-size=\"paging.pageSize\"\r\n                    @on-change=\"onPageIndexChange\"\r\n                    @on-page-size-change=\"onPageSizeChange\"\r\n                ></i-page>\r\n            </section>\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    <u-data-model-doc v-model=\"docShow\" :doc=\"doc\"></u-data-model-doc>\r\n    <i-modal draggable sticky reset-drag-position v-model=\"showCopyModal\" class=\"diy-modal combine-copy-modal\" :mask-closable=\"false\" title=\"复制接口\">\r\n        <i-form :label-width=\"100\" class=\"diy-form\" v-model=\"copyData\" label-colon>\r\n            <i-form-item label=\"接口名称\" required>\r\n                <i-input class=\"diy-input\" v-model=\"copyData.name\"></i-input>\r\n            </i-form-item>\r\n            <i-form-item label=\"接口编码\" required>\r\n                <i-input class=\"diy-input\" v-model=\"copyData.code\"></i-input>\r\n            </i-form-item>\r\n            <i-form-item label=\"选择分组\" required>\r\n                <u-tree-selector :treeData=\"treeData\" leaf-name=\"copy\" :canChooseFolder=\"true\" v-model=\"categoryData.id\" @on-select=\"selectCategory\"> </u-tree-selector>\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=\"onCopyConfirm\">确定</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 = "<!DOCTYPE html>\r\n<article class=\"v-api-combine-wrapper\">\r\n    <i-split v-model=\"split\" min=\"200px\" max=\"1100px\">\r\n        <!-- 左侧内容 -->\r\n        <section slot=\"left\" class=\"left-split-pane\">\r\n            <u-type-tree :taskCategoryID=\"taskCategoryID\" :initSelectItem=\"initNode\" @on-import-success=\"onQuery\" @on-select=\"onNodeSelect\" @on-tree-data=\"onTreeData\"> </u-type-tree>\r\n        </section>\r\n        <!-- 分割线 -->\r\n        <section class=\"trigger\" slot=\"trigger\"></section>\r\n        <!-- 右侧内容 -->\r\n        <section slot=\"right\" class=\"right-split-pane\">\r\n            <section class=\"search-wrapper\">\r\n                <i-form class=\"diy-search-form\" ref=\"searchForm\" :model=\"formData\" label-position=\"left\" label-colon>\r\n                    <i-form-item label=\"名称\" prop=\"name\">\r\n                        <i-input class=\"diy-input\" v-model=\"formData.name\"></i-input>\r\n                    </i-form-item>\r\n                    <i-form-item label=\"编码\" prop=\"code\">\r\n                        <i-input class=\"diy-input\" v-model=\"formData.code\"></i-input>\r\n                    </i-form-item>\r\n                </i-form>\r\n                <div class=\"btns\">\r\n                    <i-button class=\"diy-btn-primary\" type=\"primary\" @click=\"onQuery\">查询</i-button>\r\n                    <i-button class=\"diy-btn-default\" @click=\"onReset\">重置</i-button>\r\n                </div>\r\n            </section>\r\n            <section class=\"actions-wrapper\">\r\n                <div class=\"action-item action-text\" @click=\"onAdd()\" :class=\"currentNode.id === 'virtual_root_directory' ? 'icon-button-disabled' : ''\">\r\n                    <i class=\"iconfont icon-add\"></i>\r\n                    <div>新增</div>\r\n                </div>\r\n                <div class=\"action-item action-text\" :class=\"selection.length ? '' : 'icon-button-disabled'\" @click=\"onBatchDelete\">\r\n                    <i class=\"iconfont icon-delete\"></i>\r\n                    <span>批量删除</span>\r\n                </div>\r\n            </section>\r\n            <section class=\"main-wrapper\">\r\n                <i-table class=\"diy-table\" :columns=\"columns\" :data=\"list\" @on-selection-change=\"onSelectChange\" @on-row-click=\"onRowClick\">\r\n                <template slot=\"status\" slot-scope=\"{row,index}\">\r\n                        <i-switch class=\"diy-switch\" :value=\"row.status==='PUBLISHED'\" @on-change=\"onStatusChange($event, row, index)\"></i-switch>\r\n                        <span>{{row.status===\"PUBLISHED\" ? \"已发布\" : \"未发布\"}}</span>\r\n                    </template>\r\n                    <template slot=\"doc\" slot-scope=\"{row}\">\r\n                        <a @click=\"onOpenDoc(row)\">查看</a>\r\n                    </template>\r\n                    <template #operates=\"{row,index}\">\r\n                        <div class=\"row-actions\">\r\n                            <i @click.stop=\"onDetail(row)\" title=\"查看\" class=\"iconfont icon-detail\"></i>\r\n                            <i @click.stop=\"onCopy(row)\" title=\"复制\" class=\"iconfont icon-fuzhi\"> </i>\r\n                            <template v-if=\"row.status!=='PUBLISHED'\">\r\n                                <i @click.stop=\"onEdit(row)\" title=\"编辑\" class=\"iconfont icon-edit\"></i>\r\n                                <i-poptip confirm transfer title=\"确认要删除这条数据吗？\" @on-ok=\"onDelete(row)\">\r\n                                    <i title=\"删除\" class=\"iconfont icon-delete\"></i>\r\n                                </i-poptip>\r\n                            </template>\r\n                        </div>\r\n                    </template>\r\n                </i-table>\r\n                <i-page\r\n                    class=\"diy-page\"\r\n                    show-total\r\n                    show-sizer\r\n                    show-elevator\r\n                    :total=\"paging.totalCount\"\r\n                    :current=\"paging.pageIndex\"\r\n                    :page-size=\"paging.pageSize\"\r\n                    @on-change=\"onPageIndexChange\"\r\n                    @on-page-size-change=\"onPageSizeChange\"\r\n                ></i-page>\r\n            </section>\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    <u-data-model-doc v-model=\"docShow\" :doc=\"doc\"></u-data-model-doc>\r\n    <i-modal draggable sticky reset-drag-position v-model=\"showCopyModal\" class=\"diy-modal combine-copy-modal\" :mask-closable=\"false\" title=\"复制接口\">\r\n        <i-form :label-width=\"100\" class=\"diy-form\" v-model=\"copyData\" label-colon>\r\n            <i-form-item label=\"接口名称\" required>\r\n                <i-input class=\"diy-input\" v-model=\"copyData.name\"></i-input>\r\n            </i-form-item>\r\n            <i-form-item label=\"接口编码\" required>\r\n                <i-input class=\"diy-input\" v-model=\"copyData.code\"></i-input>\r\n            </i-form-item>\r\n            <i-form-item label=\"选择分组\" required>\r\n                <u-tree-selector :treeData=\"treeData\" leaf-name=\"copy\" :canChooseFolder=\"true\" v-model=\"categoryData.id\" @on-select=\"selectCategory\"> </u-tree-selector>\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=\"onCopyConfirm\">确定</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"
 
 /***/ }),
 
@@ -47021,7 +47063,7 @@ module.exports = require("axios");
 /***/ "cfb3":
 /***/ (function(module, exports) {
 
-module.exports = "<article class=\"project-list\">\r\n    <header>\r\n        <i-input\r\n            class=\"diy-input\"\r\n            v-model=\"condition.name\"\r\n            search\r\n            @on-search=\"onQuery\"\r\n            placeholder=\"输入关键字检索\"\r\n        ></i-input>\r\n    </header>\r\n    <main>\r\n        <header class=\"tool-bar\">\r\n            <span>项目列表</span>\r\n            <div class=\"right-tool\">\r\n                <div class=\"action-btn\">\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 class=\"api-icon icon-import\"></i>\r\n                        <div>导入项目</div>\r\n                    </i-upload>\r\n                </div>\r\n                <div class=\"action-btn\" @click=\"onComment\">\r\n                    <i\r\n                        class=\"api-icon icon-star\"\r\n                        @click=\"onCheckType('list')\"\r\n                    ></i>\r\n                    <div>查看项目动态</div>\r\n                </div>\r\n                <i\r\n                    class=\"api-icon icon-list\"\r\n                    :class=\"{'active': type === 'list'}\"\r\n                    title=\"列表展示\"\r\n                    @click=\"onCheckType('list')\"\r\n                ></i>\r\n                <i\r\n                    class=\"api-icon icon-card\"\r\n                    :class=\"{'active': type === 'card'}\"\r\n                    title=\"卡片展示\"\r\n                    @click=\"onCheckType('card')\"\r\n                ></i>\r\n            </div>\r\n        </header>\r\n        <main>\r\n            <section class=\"projects\" v-if=\"type==='card'\">\r\n                <div class=\"project-card\" @click=\"onAdd\">\r\n                    <div class=\"add-card\">\r\n                        <i-icon type=\"md-add\" />\r\n                        <p>新建项目</p>\r\n                    </div>\r\n                </div>\r\n                <u-card\r\n                    v-for=\"item in dataList\"\r\n                    :data=\"item\"\r\n                    :key=\"item.id\"\r\n                    @on-delete=\"onDelete\"\r\n                    @on-detail=\"onDetail\"\r\n                    @on-edit=\"onEdit\"\r\n                    @on-export=\"onExport\"\r\n                ></u-card>\r\n            </section>\r\n            <section class=\"projects\" v-else>\r\n                <i-table class=\"diy-table\" :columns=\"columns\" :data=\"dataList\">\r\n                    <template slot-scope=\"{ row,index }\" slot=\"action\">\r\n                        <span @click=\"onExport(row)\" class=\"action-btn export\"\r\n                        ><i class=\"api-icon icon-export projects-icon-export\" title=\"导出此项目\"></i\r\n                        ></span>\r\n                        <span @click=\"onDetail(row)\" class=\"action-btn detail\"\r\n                            ><i class=\"api-icon icon-detail\" title=\"详情\"></i\r\n                        ></span>\r\n                        <span @click=\"onEdit(row)\" class=\"action-btn detail\"\r\n                            ><i class=\"api-icon icon-edit\" title=\"修改\"></i\r\n                        ></span>\r\n                        <u-confirm\r\n                            title=\"删除项目\"\r\n                            @on-ok=\"onDelete(row)\"\r\n                            message=\"项目内所有接口将被一并删除， 是否确认执行？\"\r\n                        >\r\n                            <span class=\"action-btn delete\"\r\n                                ><i\r\n                                    class=\"api-icon icon-delete\"\r\n                                    title=\"删除\"\r\n                                ></i\r\n                            ></span>\r\n                        </u-confirm>\r\n                    </template>\r\n                </i-table>\r\n            </section>\r\n        </main>\r\n    </main>\r\n    <u-add-modal :visiable.sync=\"showAddModal\" :data=\"current\">\r\n        <footer slot=\"footer\">\r\n            <i-button @click=\"showAddModal = false\">取消</i-button>\r\n            <i-button type=\"primary\" class=\"diy-btn-primary \" @click=\"onSave\"\r\n                >确定</i-button\r\n            >\r\n        </footer>\r\n    </u-add-modal>\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"
+module.exports = "<article class=\"project-list\">\n    <header>\n        <i-input\n            class=\"diy-input\"\n            v-model=\"condition.name\"\n            search\n            @on-search=\"onQuery\"\n            placeholder=\"输入关键字检索\"\n        ></i-input>\n    </header>\n    <main>\n        <header class=\"tool-bar\">\n            <span>项目列表</span>\n            <div class=\"right-tool\">\n                <div class=\"action-btn\">\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 class=\"api-icon icon-import\"></i>\n                        <div>导入项目</div>\n                    </i-upload>\n                </div>\n                <div class=\"action-btn\" @click=\"onComment\">\n                    <i\n                        class=\"api-icon icon-star\"\n                        @click=\"onCheckType('list')\"\n                    ></i>\n                    <div>查看项目动态</div>\n                </div>\n                <i\n                    class=\"api-icon icon-list\"\n                    :class=\"{'active': type === 'list'}\"\n                    title=\"列表展示\"\n                    @click=\"onCheckType('list')\"\n                ></i>\n                <i\n                    class=\"api-icon icon-card\"\n                    :class=\"{'active': type === 'card'}\"\n                    title=\"卡片展示\"\n                    @click=\"onCheckType('card')\"\n                ></i>\n            </div>\n        </header>\n        <main>\n            <section class=\"projects\" v-if=\"type==='card'\">\n                <div class=\"project-card\" @click=\"onAdd\">\n                    <div class=\"add-card\">\n                        <i-icon type=\"md-add\" />\n                        <p>新建项目</p>\n                    </div>\n                </div>\n                <u-card\n                    v-for=\"item in dataList\"\n                    :data=\"item\"\n                    :key=\"item.id\"\n                    @on-delete=\"onDelete\"\n                    @on-detail=\"onDetail\"\n                    @on-edit=\"onEdit\"\n                    @on-export=\"onExport\"\n                ></u-card>\n            </section>\n            <section class=\"projects\" v-else>\n                <i-table class=\"diy-table\" :columns=\"columns\" :data=\"dataList\">\n                    <template slot-scope=\"{ row,index }\" slot=\"action\">\n                        <span @click=\"onExport(row)\" class=\"action-btn export\"\n                        ><i class=\"api-icon icon-export projects-icon-export\" title=\"导出此项目\"></i\n                        ></span>\n                        <span @click=\"onDetail(row)\" class=\"action-btn detail\"\n                            ><i class=\"api-icon icon-detail\" title=\"详情\"></i\n                        ></span>\n                        <span @click=\"onEdit(row)\" class=\"action-btn detail\"\n                            ><i class=\"api-icon icon-edit\" title=\"修改\"></i\n                        ></span>\n                        <u-confirm\n                            title=\"删除项目\"\n                            @on-ok=\"onDelete(row)\"\n                            message=\"项目内所有接口将被一并删除， 是否确认执行？\"\n                        >\n                            <span class=\"action-btn delete\"\n                                ><i\n                                    class=\"api-icon icon-delete\"\n                                    title=\"删除\"\n                                ></i\n                            ></span>\n                        </u-confirm>\n                    </template>\n                </i-table>\n            </section>\n        </main>\n    </main>\n    <u-add-modal :visiable.sync=\"showAddModal\" :data=\"current\">\n        <footer slot=\"footer\">\n            <i-button @click=\"showAddModal = false\">取消</i-button>\n            <i-button type=\"primary\" class=\"diy-btn-primary \" @click=\"onSave\"\n                >确定</i-button\n            >\n        </footer>\n    </u-add-modal>\n    <i-spin fix v-show=\"loading\">\n        <i class=\"spin-icon-load ivu-icon\"></i>\n    </i-spin>\n</article>\n"
 
 /***/ }),
 
@@ -47195,7 +47237,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 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</article>\r\n"
+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"
 
 /***/ }),
 
@@ -47331,7 +47373,7 @@ module.exports = "<div class=\"v-parameter-list-container\">\r\n    <main>\r\n
 /***/ "d8e7":
 /***/ (function(module, exports) {
 
-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"
+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"
 
 /***/ }),
 
@@ -48424,7 +48466,7 @@ if ($stringify) {
 /***/ "ef27":
 /***/ (function(module, exports) {
 
-module.exports = "<article class=\"project-card\" @click=\"onDetail\">\r\n    <header>{{data.name}}</header>\r\n    <i-dropdown transfer transfer-class-name=\"api-project-oprate\" class=\"project-card-i-dropdown\" @on-click=\"onClick\">\r\n        <i-icon type=\"ios-more\" />\r\n        <i-dropdown-menu slot=\"list\">\r\n            <i-dropdown-item :name=\"'export'\">\r\n                <i\r\n                    class=\"api-icon icon-export project-card-i-dropdown-item-icon\"\r\n                    title=\"导出此项目\"\r\n                    @click.stop=\"onExport\"\r\n                ></i>\r\n                导出此项目\r\n            </i-dropdown-item>\r\n        </i-dropdown-menu>\r\n    </i-dropdown>\r\n    <main></main>\r\n    <footer>\r\n        <div @click.stop=\"onEdit\">修改</div>\r\n        <u-confirm\r\n            class=\"delete\"\r\n            title=\"删除项目\"\r\n            message=\"项目内所有接口将被一并删除， 是否确认执行？\"\r\n            @on-ok=\"onDelete\"\r\n        >\r\n            <span>删除</span>\r\n        </u-confirm>\r\n    </footer>\r\n</article>\r\n"
+module.exports = "<article class=\"project-card\" @click=\"onDetail\">\n    <header>{{data.name}}</header>\n    <i-dropdown transfer transfer-class-name=\"api-project-oprate\" class=\"project-card-i-dropdown\" @on-click=\"onClick\">\n        <i-icon type=\"ios-more\" />\n        <i-dropdown-menu slot=\"list\">\n            <i-dropdown-item :name=\"'export'\">\n                <i\n                    class=\"api-icon icon-export project-card-i-dropdown-item-icon\"\n                    title=\"导出此项目\"\n                    @click.stop=\"onExport\"\n                ></i>\n                导出此项目\n            </i-dropdown-item>\n        </i-dropdown-menu>\n    </i-dropdown>\n    <main></main>\n    <footer>\n        <div @click.stop=\"onEdit\">修改</div>\n        <u-confirm\n            class=\"delete\"\n            title=\"删除项目\"\n            message=\"项目内所有接口将被一并删除， 是否确认执行？\"\n            @on-ok=\"onDelete\"\n        >\n            <span>删除</span>\n        </u-confirm>\n    </footer>\n</article>\n"
 
 /***/ }),
 
@@ -48564,7 +48606,7 @@ module.exports = uncurryThis([].slice);
 /***/ "f40e":
 /***/ (function(module, exports) {
 
-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-button type=\"primary\" class=\"diy-btn-primary\" @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\" @click=\"onVersion\" ghost>查看历史版本</i-button>\r\n        <i-icon class=\"export\" title=\"导出\" type=\"md-download\" @click=\"onExport\" />\r\n        <i-upload action=\"\" :before-upload=\"onImport\" :show-upload-list=\"false\">\r\n            <i-icon class=\"import\" title=\"导入\" type=\"md-cloud-upload\" />\r\n        </i-upload>\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                ></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"
+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-button type=\"primary\" class=\"diy-btn-primary\" @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\" @click=\"onVersion\" ghost>查看历史版本</i-button>\r\n        <i-icon class=\"export\" title=\"导出\" type=\"md-download\" @click=\"onExport\" />\r\n        <i-upload action=\"\" :before-upload=\"onImport\" :show-upload-list=\"false\">\r\n            <i-icon class=\"import\" title=\"导入\" type=\"md-cloud-upload\" />\r\n        </i-upload>\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"
 
 /***/ }),
 
@@ -49235,6 +49277,35 @@ function () {
     }
 
     return "";
+  }; // 查找当前目录节点的所有父节点id数据
+
+
+  TreeDataUtil.treeNodeFatherArray = function (treeList, id) {
+    if (treeList === void 0) {
+      treeList = [];
+    }
+
+    var arr = [];
+
+    for (var _i = 0, treeList_2 = treeList; _i < treeList_2.length; _i++) {
+      var node = treeList_2[_i];
+
+      if (node.id === id) {
+        arr.push(node);
+        return arr;
+      }
+
+      if (node.children && node.children.length) {
+        arr = TreeDataUtil.treeNodeFatherArray(node.children, id);
+
+        if (arr.length > 0) {
+          arr.unshift(node);
+          return arr;
+        }
+      }
+    }
+
+    return [];
   };
 
   return TreeDataUtil;
@@ -51687,6 +51758,7 @@ var tree_generator = undefined && undefined.__generator || function (thisArg, bo
 
 
 
+
 var tree_Tree =
 /** @class */
 function (_super) {
@@ -51975,9 +52047,13 @@ function (_super) {
     }
   };
 
-  Tree.prototype.onSelect = function (data) {
+  Tree.prototype.onSelect = function (data, isQuery) {
+    if (isQuery === void 0) {
+      isQuery = true;
+    }
+
     this.selectItem = data;
-    this.$emit("on-select", this.selectItem);
+    this.$emit("on-select", this.selectItem, isQuery);
   };
 
   Tree.prototype.initSelectItemChange = function () {
@@ -51988,6 +52064,37 @@ function (_super) {
     }
   };
 
+  Tree.prototype.watchTaskID = function (nv) {
+    if (nv) {
+      var arr = TreeDataUtil.treeNodeFatherArray(this.data, nv);
+
+      if (arr.length > 0) {
+        for (var i = 0; i < arr.length; i++) {
+          if (i === arr.length - 1) {
+            this.onSelect(arr[i], false);
+          } else {
+            arr[i].expand = true;
+            this.onToggleExpand(arr[i]);
+          }
+        }
+      }
+
+      this.$nextTick(function () {
+        clearTimeout();
+        var element = document.getElementsByClassName("ivu-tree-title-selected");
+
+        if (element.length) {
+          setTimeout(function () {
+            element[0].scrollIntoView({
+              behavior: "smooth",
+              block: "center"
+            });
+          }, 200);
+        }
+      });
+    }
+  };
+
   Tree.prototype.onAddTreeNode = function () {
     this.tempNode = {
       name: "",
@@ -52167,10 +52274,18 @@ function (_super) {
 
   tree_decorate([autowired(tree_service), tree_metadata("design:type", typeof (_a = typeof tree_service !== "undefined" && tree_service) === "function" ? _a : Object)], Tree.prototype, "service", void 0);
 
+  tree_decorate([Object(flagwind_web_["config"])({
+    default: ""
+  }), tree_metadata("design:type", String)], Tree.prototype, "taskCategoryID", void 0);
+
   tree_decorate([Object(flagwind_web_["watch"])("initSelectItem", {
     immediate: true
   }), tree_metadata("design:type", Function), tree_metadata("design:paramtypes", []), tree_metadata("design:returntype", void 0)], Tree.prototype, "initSelectItemChange", null);
 
+  tree_decorate([Object(flagwind_web_["watch"])("taskCategoryID", {
+    immediate: false
+  }), tree_metadata("design:type", Function), tree_metadata("design:paramtypes", [String]), tree_metadata("design:returntype", void 0)], Tree.prototype, "watchTaskID", null);
+
   Tree = tree_decorate([Object(flagwind_web_["component"])({
     template: __webpack_require__("46d3"),
     components: {
@@ -52613,6 +52728,7 @@ function (_super) {
       name: undefined,
       code: undefined
     };
+    _this.taskCategoryID = "";
     return _this;
   }
 
@@ -52634,9 +52750,12 @@ function (_super) {
     }
   };
 
-  ProjectCombineManage.prototype.onNodeSelect = function (node) {
-    this.currentNode = node;
-    this.onQuery();
+  ProjectCombineManage.prototype.onNodeSelect = function (node, isQuery) {
+    if (isQuery) {
+      this.taskCategoryID = "";
+      this.currentNode = node;
+      this.onQuery();
+    }
   };
 
   ProjectCombineManage.prototype.onReset = function () {
@@ -52985,6 +53104,12 @@ function (_super) {
     }
   };
 
+  ProjectCombineManage.prototype.onRowClick = function (row, index) {
+    if (this.currentNode.id === "virtual_root_directory") {
+      this.taskCategoryID = row.categoryId;
+    }
+  };
+
   var _a;
 
   project_combine_decorate([autowired(project_combine_service), project_combine_metadata("design:type", typeof (_a = typeof project_combine_service !== "undefined" && project_combine_service) === "function" ? _a : Object)], ProjectCombineManage.prototype, "service", void 0);
@@ -58139,6 +58264,7 @@ function () {
     this.content = "";
     this.location = "";
     this.locationKey = "";
+    this.id = "";
   }
 
   return Authentication;
@@ -58349,6 +58475,22 @@ function (_super) {
     return this._get("/unity/api/project/".concat(id));
   };
 
+  ApiService.prototype.getSecurityList = function (data) {
+    return this._post("/unity/api/authentication/list", data);
+  };
+
+  ApiService.prototype.deleteSecurityItem = function (id) {
+    return this._delete("/unity/api/authentication/".concat(id));
+  };
+
+  ApiService.prototype.addSecurityItem = function (data) {
+    return this._post("/unity/api/authentication", data);
+  };
+
+  ApiService.prototype.updateSecurityItem = function (data) {
+    return this._put("/unity/api/authentication", data);
+  };
+
   var _a, _b;
 
   project_detail_service_decorate([serviceHandler("query", {
@@ -58415,6 +58557,28 @@ function (_super) {
     title: "项目详情"
   }), project_detail_service_metadata("design:type", Function), project_detail_service_metadata("design:paramtypes", [String]), project_detail_service_metadata("design:returntype", void 0)], ApiService.prototype, "projectInfo", null);
 
+  project_detail_service_decorate([serviceHandler("query", {
+    title: "授权认证列表查询"
+  }), project_detail_service_metadata("design:type", Function), project_detail_service_metadata("design:paramtypes", [Object]), project_detail_service_metadata("design:returntype", void 0)], ApiService.prototype, "getSecurityList", null);
+
+  project_detail_service_decorate([serviceHandler("save", {
+    title: "删除授权认证",
+    showTip: true,
+    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, "deleteSecurityItem", null);
+
+  project_detail_service_decorate([serviceHandler("save", {
+    title: "新增授权认证",
+    showTip: true,
+    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, "addSecurityItem", null);
+
+  project_detail_service_decorate([serviceHandler("save", {
+    title: "更新授权认证",
+    showTip: true,
+    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, "updateSecurityItem", null);
+
   return ApiService;
 }(common_service);
 
@@ -61504,359 +61668,1401 @@ var security_setting_generator = undefined && undefined.__generator || function
 
 
 
-var security_setting_SecuritySetting =
-/** @class */
-function (_super) {
-  security_setting_extends(SecuritySetting, _super);
-
-  function SecuritySetting() {
-    var _this = _super !== null && _super.apply(this, arguments) || this;
-
-    _this.securityTypeList = [];
-    _this.tokenLocationTypeList = [];
-    _this.grantTypeList = [];
-    _this.model = {};
-    return _this;
-  }
-
-  SecuritySetting.prototype.mounted = function () {
-    var _a, _b;
-
-    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) : {};
-  };
-
-  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")];
-
-          case 1:
-            result = _a.sent();
-            this.securityTypeList = (result === null || result === void 0 ? void 0 : result.result) || [];
-            return [2
-            /*return*/
-            ];
-        }
-      });
-    });
-  };
-
-  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")];
-
-          case 1:
-            result = _a.sent();
-            this.tokenLocationTypeList = (result === null || result === void 0 ? void 0 : result.result) || [];
-            return [2
-            /*return*/
-            ];
-        }
-      });
-    });
-  };
-
-  SecuritySetting.prototype.getGrantTypeList = 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("grantType")];
-
-          case 1:
-            result = _a.sent();
-            this.grantTypeList = (result === null || result === void 0 ? void 0 : result.result) || [];
-            return [2
-            /*return*/
-            ];
-        }
-      });
-    });
-  };
-
-  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"])({
-    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);
-
-  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);
-
-  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);
-
-  SecuritySetting = security_setting_decorate([Object(flagwind_web_["component"])({
-    template: __webpack_require__("b676"),
-    components: {
-      "u-tips-form-label": tips_form_label
-    }
-  })], SecuritySetting);
-  return SecuritySetting;
-}(flagwind_web_["Component"]);
-
-/* harmony default export */ var project_detail_security_setting = (security_setting_SecuritySetting);
-// EXTERNAL MODULE: ./src/views/project-detail/interface-settings/index.scss
-var interface_settings = __webpack_require__("2a79");
-
-// CONCATENATED MODULE: ./src/views/project-detail/interface-settings/index.ts
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var interface_settings_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 interface_settings_assign = undefined && undefined.__assign || function () {
-  interface_settings_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 interface_settings_assign.apply(this, arguments);
-};
-
-var interface_settings_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 interface_settings_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 interface_settings_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 interface_settings_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 =
+/** @class */
+function (_super) {
+  security_setting_extends(SecuritySetting, _super);
+
+  function SecuritySetting() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+
+    _this.securityTypeList = [];
+    _this.tokenLocationTypeList = [];
+    _this.grantTypeList = [];
+    _this.model = {};
+    return _this;
+  }
+
+  SecuritySetting.prototype.mounted = function () {
+    var _a, _b;
+
+    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) : {};
+  };
+
+  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")];
+
+          case 1:
+            result = _a.sent();
+            this.securityTypeList = (result === null || result === void 0 ? void 0 : result.result) || [];
+            return [2
+            /*return*/
+            ];
+        }
+      });
+    });
+  };
+
+  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")];
+
+          case 1:
+            result = _a.sent();
+            this.tokenLocationTypeList = (result === null || result === void 0 ? void 0 : result.result) || [];
+            return [2
+            /*return*/
+            ];
+        }
+      });
+    });
+  };
+
+  SecuritySetting.prototype.getGrantTypeList = 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("grantType")];
+
+          case 1:
+            result = _a.sent();
+            this.grantTypeList = (result === null || result === void 0 ? void 0 : result.result) || [];
+            return [2
+            /*return*/
+            ];
+        }
+      });
+    });
+  };
+
+  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"])({
+    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);
+
+  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);
+
+  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);
+
+  SecuritySetting = security_setting_decorate([Object(flagwind_web_["component"])({
+    template: __webpack_require__("b676"),
+    components: {
+      "u-tips-form-label": tips_form_label
+    }
+  })], SecuritySetting);
+  return SecuritySetting;
+}(flagwind_web_["Component"]);
+
+/* harmony default export */ var project_detail_security_setting = (security_setting_SecuritySetting);
+// EXTERNAL MODULE: ./src/views/project-detail/interface-settings/index.scss
+var interface_settings = __webpack_require__("2a79");
+
+// EXTERNAL MODULE: ./src/views/project-detail/security-setting-v2/index.scss
+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");
+
+// CONCATENATED MODULE: ./src/views/project-detail/security-setting-v2/tips-form-label/index.ts
+
+
+
+
+
+
+var security_setting_v2_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 security_setting_v2_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 security_setting_v2_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 =
+/** @class */
+function (_super) {
+  security_setting_v2_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"])({
+    default: ""
+  }), security_setting_v2_tips_form_label_metadata("design:type", String)], TipsFormLabel.prototype, "tips", void 0);
+
+  security_setting_v2_tips_form_label_decorate([Object(flagwind_web_["config"])({
+    default: ""
+  }), security_setting_v2_tips_form_label_metadata("design:type", String)], TipsFormLabel.prototype, "labelTitle", void 0);
+
+  security_setting_v2_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);
+
+  TipsFormLabel = security_setting_v2_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);
+// EXTERNAL MODULE: ./src/views/project-detail/security-modal/index.scss
+var security_modal = __webpack_require__("1a93");
+
+// CONCATENATED MODULE: ./src/views/project-detail/security-modal/index.ts
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var security_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 security_modal_assign = undefined && undefined.__assign || function () {
+  security_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 security_modal_assign.apply(this, arguments);
+};
+
+var security_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;
+  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_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 security_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 security_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 security_modal_SecurityModalComponent =
+/** @class */
+function (_super) {
+  security_modal_extends(SecurityModalComponent, _super);
+
+  function SecurityModalComponent() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+
+    _this.securityList = [];
+    _this.keyword = "";
+    _this.currentSecurityItem = {};
+    _this.securityTypeList = [];
+    _this.grantTypeList = [];
+    _this.tokenLocationTypeList = [];
+    _this.isAddOnce = false;
+    _this.exitAddItem = false;
+    _this.onFilter = lodash_debounce_default()(function () {
+      _this.getSecurityList();
+    }, 300);
+    return _this;
+  }
+
+  Object.defineProperty(SecurityModalComponent.prototype, "show", {
+    get: function get() {
+      return this.value;
+    },
+    set: function set(value) {
+      this.$emit("input", value);
+    },
+    enumerable: false,
+    configurable: true
+  });
+
+  SecurityModalComponent.prototype.onShowChange = function (show) {
+    return security_modal_awaiter(this, void 0, void 0, function () {
+      return security_modal_generator(this, function (_a) {
+        if (show) {
+          this.isAddOnce = this.isAdd;
+          this.getSecurityTypeList();
+          this.getSecurityList();
+          this.getTokenLocationTypeList();
+          this.getGrantTypeList();
+        } else {
+          this.keyword = "";
+          this.currentSecurityItem = {};
+        }
+
+        return [2
+        /*return*/
+        ];
+      });
+    });
+  };
+
+  SecurityModalComponent.prototype.getSecurityTypeList = function () {
+    return security_modal_awaiter(this, void 0, void 0, function () {
+      var result, tempList;
+      return security_modal_generator(this, function (_a) {
+        switch (_a.label) {
+          case 0:
+            return [4
+            /*yield*/
+            , this.service.getEnumByType("authenticationType")];
+
+          case 1:
+            result = _a.sent();
+            tempList = (result === null || result === void 0 ? void 0 : result.result) || [];
+            this.securityTypeList = tempList.filter(function (item) {
+              return item.name !== "None";
+            });
+            return [2
+            /*return*/
+            ];
+        }
+      });
+    });
+  };
+
+  SecurityModalComponent.prototype.getTokenLocationTypeList = function () {
+    return security_modal_awaiter(this, void 0, void 0, function () {
+      var result;
+      return security_modal_generator(this, function (_a) {
+        switch (_a.label) {
+          case 0:
+            return [4
+            /*yield*/
+            , this.service.getEnumByType("tokenLocationType")];
+
+          case 1:
+            result = _a.sent();
+            this.tokenLocationTypeList = (result === null || result === void 0 ? void 0 : result.result) || [];
+            return [2
+            /*return*/
+            ];
+        }
+      });
+    });
+  };
+
+  SecurityModalComponent.prototype.getGrantTypeList = function () {
+    return security_modal_awaiter(this, void 0, void 0, function () {
+      var result;
+      return security_modal_generator(this, function (_a) {
+        switch (_a.label) {
+          case 0:
+            return [4
+            /*yield*/
+            , this.service.getEnumByType("grantType")];
+
+          case 1:
+            result = _a.sent();
+            this.grantTypeList = (result === null || result === void 0 ? void 0 : result.result) || [];
+            return [2
+            /*return*/
+            ];
+        }
+      });
+    });
+  };
+
+  SecurityModalComponent.prototype.getSecurityList = function () {
+    return security_modal_awaiter(this, void 0, void 0, function () {
+      var res, tempList;
+      return security_modal_generator(this, function (_a) {
+        switch (_a.label) {
+          case 0:
+            return [4
+            /*yield*/
+            , this.service.getSecurityList({
+              name: this.keyword,
+              projectId: this.projectID
+            })];
+
+          case 1:
+            res = _a.sent();
+
+            if (!(res === null || res === void 0 ? void 0 : res.hasError)) {
+              tempList = res.result || [];
+              this.securityList = tempList.map(function (item) {
+                if (item.type !== "GROOVY_SCRIPT") {
+                  item.content = JSON.parse(item.content);
+                } else {
+                  item.scriptContent = item.content;
+                  item.content = {};
+                }
+
+                return item;
+              });
+
+              if (this.isAddOnce || this.exitAddItem) {
+                this.onAddItem();
+                this.isAddOnce = false;
+                this.exitAddItem = false;
+              }
+            }
+
+            return [2
+            /*return*/
+            ];
+        }
+      });
+    });
+  };
+
+  SecurityModalComponent.prototype.onSelectSecurityItem = function (item) {
+    this.currentSecurityItem = item.$clone();
+  };
+
+  SecurityModalComponent.prototype.onDelete = function (item) {
+    return security_modal_awaiter(this, void 0, void 0, function () {
+      var res;
+      return security_modal_generator(this, function (_a) {
+        switch (_a.label) {
+          case 0:
+            if (!item.id) return [3
+            /*break*/
+            , 2];
+
+            if (this.securityList.find(function (item) {
+              return !item.id;
+            })) {
+              this.exitAddItem = true;
+            }
+
+            return [4
+            /*yield*/
+            , this.service.deleteSecurityItem(item.id)];
+
+          case 1:
+            res = _a.sent();
+
+            if (!(res === null || res === void 0 ? void 0 : res.hasError)) {
+              this.getSecurityList();
+            }
+
+            return [3
+            /*break*/
+            , 3];
+
+          case 2:
+            this.securityList.shift();
+            _a.label = 3;
+
+          case 3:
+            this.currentSecurityItem = {};
+            return [2
+            /*return*/
+            ];
+        }
+      });
+    });
+  };
+
+  SecurityModalComponent.prototype.onAddItem = function () {
+    if (this.securityList.length > 0 && !this.securityList[0].id) {
+      return;
+    }
+
+    var item = {
+      name: "",
+      type: "GROOVY_SCRIPT",
+      content: {},
+      scriptContent: ""
+    };
+    this.securityList.unshift(item);
+    this.currentSecurityItem = this.securityList[0].$clone();
+  };
+
+  SecurityModalComponent.prototype.onCancel = function () {
+    this.show = false;
+    this.keyword = "";
+    this.currentSecurityItem = {};
+  };
+
+  SecurityModalComponent.prototype.onSave = function () {
+    return security_modal_awaiter(this, void 0, void 0, function () {
+      var data, res;
+      return security_modal_generator(this, function (_a) {
+        switch (_a.label) {
+          case 0:
+            data = {
+              projectId: this.projectID,
+              name: this.currentSecurityItem.name,
+              type: this.currentSecurityItem.type
+            };
+
+            if (this.currentSecurityItem.type === "GROOVY_SCRIPT") {
+              data.location = null;
+              data.locationKey = null;
+              data.content = this.currentSecurityItem.scriptContent;
+            } else {
+              data.location = this.currentSecurityItem.location;
+              data.locationKey = this.currentSecurityItem.locationKey;
+              data.content = {};
+
+              if (this.currentSecurityItem.type === "Api_Key") {
+                data.content.key = this.currentSecurityItem.content.key;
+              } else if (this.currentSecurityItem.type === "Base_Auth") {
+                data.content.username = this.currentSecurityItem.content.username;
+                data.content.password = this.currentSecurityItem.content.password;
+              } else if (this.currentSecurityItem.type === "OAuth2") {
+                data = security_modal_assign(security_modal_assign({}, data), this.currentSecurityItem);
+
+                if (this.currentSecurityItem.content.grantType !== "password") {
+                  delete data.content.password;
+                  delete data.content.username;
+                }
+              }
+
+              data.content = JSON.stringify(data.content);
+            }
+
+            res = null;
+            if (!this.currentSecurityItem.id) return [3
+            /*break*/
+            , 2];
+            data.id = this.currentSecurityItem.id;
+            return [4
+            /*yield*/
+            , this.service.updateSecurityItem(data)];
+
+          case 1:
+            res = _a.sent();
+            return [3
+            /*break*/
+            , 4];
+
+          case 2:
+            return [4
+            /*yield*/
+            , this.service.addSecurityItem(data)];
+
+          case 3:
+            res = _a.sent();
+            _a.label = 4;
+
+          case 4:
+            if (!(res === null || res === void 0 ? void 0 : res.hasError)) {
+              this.getSecurityList();
+              this.$emit("on-fresh");
+            }
+
+            return [2
+            /*return*/
+            ];
+        }
+      });
+    });
+  };
+
+  var _a;
+
+  security_modal_decorate([autowired(project_detail_service), security_modal_metadata("design:type", typeof (_a = typeof project_detail_service !== "undefined" && project_detail_service) === "function" ? _a : Object)], SecurityModalComponent.prototype, "service", void 0);
+
+  security_modal_decorate([Object(flagwind_web_["config"])({
+    type: Boolean,
+    default: true
+  }), security_modal_metadata("design:type", Boolean)], SecurityModalComponent.prototype, "value", void 0);
+
+  security_modal_decorate([Object(flagwind_web_["config"])({
+    type: String,
+    default: ""
+  }), security_modal_metadata("design:type", String)], SecurityModalComponent.prototype, "projectID", void 0);
+
+  security_modal_decorate([Object(flagwind_web_["config"])({
+    type: Boolean,
+    default: false
+  }), security_modal_metadata("design:type", Boolean)], SecurityModalComponent.prototype, "isAdd", void 0);
+
+  security_modal_decorate([Object(flagwind_web_["watch"])("show"), security_modal_metadata("design:type", Function), security_modal_metadata("design:paramtypes", [Boolean]), security_modal_metadata("design:returntype", Promise)], SecurityModalComponent.prototype, "onShowChange", null);
+
+  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
+    }
+  })], SecurityModalComponent);
+  return SecurityModalComponent;
+}(flagwind_web_["Component"]);
+
+/* harmony default export */ var project_detail_security_modal = (security_modal_SecurityModalComponent);
+// CONCATENATED MODULE: ./src/views/project-detail/security-setting-v2/index.ts
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var security_setting_v2_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_v2_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_v2_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_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_v2_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_v2_SecuritySettingV2 =
+/** @class */
+function (_super) {
+  security_setting_v2_extends(SecuritySettingV2, _super);
+
+  function SecuritySettingV2() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+
+    _this.securityList = [];
+    _this.currentSecurityItem = {};
+    _this.currentSecurityItemId = "";
+    _this.showSecurity = false;
+    _this.isAdd = true;
+    _this.grantTypeList = [];
+    return _this;
+  }
+
+  SecuritySettingV2.prototype.mounted = function () {
+    var _a;
+
+    return security_setting_v2_awaiter(this, void 0, void 0, function () {
+      var _this = this;
+
+      return security_setting_v2_generator(this, function (_b) {
+        switch (_b.label) {
+          case 0:
+            this.getGrantTypeList();
+            return [4
+            /*yield*/
+            , this.getSecurityList()];
+
+          case 1:
+            _b.sent();
+
+            if (this.currentSecurityID) {
+              this.currentSecurityItemId = this.currentSecurityID;
+            } else if ((_a = this.interfaceModel.authentication) === null || _a === void 0 ? void 0 : _a.id) {
+              this.currentSecurityItemId = this.interfaceModel.authentication.id;
+            }
+
+            this.currentSecurityItem = this.securityList.find(function (item) {
+              return item.id === _this.currentSecurityItemId;
+            }) || {};
+            return [2
+            /*return*/
+            ];
+        }
+      });
+    });
+  };
+
+  SecuritySettingV2.prototype.getGrantTypeList = function () {
+    return security_setting_v2_awaiter(this, void 0, void 0, function () {
+      var result;
+      return security_setting_v2_generator(this, function (_a) {
+        switch (_a.label) {
+          case 0:
+            return [4
+            /*yield*/
+            , this.service.getEnumByType("grantType")];
+
+          case 1:
+            result = _a.sent();
+            this.grantTypeList = (result === null || result === void 0 ? void 0 : result.result) || [];
+            return [2
+            /*return*/
+            ];
+        }
+      });
+    });
+  };
+
+  SecuritySettingV2.prototype.findGrantTypeText = function (name) {
+    var res = this.grantTypeList.find(function (item) {
+      return item.name === name;
+    });
+    return res ? res.text : "";
+  };
+
+  SecuritySettingV2.prototype.getSecurityList = function () {
+    return security_setting_v2_awaiter(this, void 0, void 0, function () {
+      var res, tempList;
+      return security_setting_v2_generator(this, function (_a) {
+        switch (_a.label) {
+          case 0:
+            return [4
+            /*yield*/
+            , this.service.getSecurityList({
+              projectId: this.projectID
+            })];
+
+          case 1:
+            res = _a.sent();
+
+            if (!(res === null || res === void 0 ? void 0 : res.hasError)) {
+              tempList = res.result || [];
+              this.securityList = tempList.map(function (item) {
+                if (item.type !== "GROOVY_SCRIPT") {
+                  item.content = JSON.parse(item.content);
+                } else {
+                  item.scriptContent = item.content;
+                  item.content = {};
+                }
+
+                return item;
+              });
+            }
+
+            return [2
+            /*return*/
+            ];
+        }
+      });
+    });
+  };
+
+  SecuritySettingV2.prototype.onChangeSecurityItem = function (id) {
+    this.$emit("on-current-id", id);
+    this.currentSecurityItem = this.securityList.find(function (item) {
+      return item.id === id;
+    });
+    this.interfaceModel.authentication = this.interfaceModel.authentication || new Authentication();
+    this.interfaceModel.authentication.type = this.currentSecurityItem.type;
+    this.interfaceModel.authentication.location = this.currentSecurityItem.location;
+    this.interfaceModel.authentication.locationKey = this.currentSecurityItem.locationKey;
+
+    if (this.currentSecurityItem.type === "GROOVY_SCRIPT") {
+      this.interfaceModel.authentication.content = this.currentSecurityItem.scriptContent;
+    } else {
+      this.interfaceModel.authentication.content = JSON.stringify(this.currentSecurityItem.content);
+    }
+
+    this.interfaceModel.info.authId = this.currentSecurityItem.id;
+  };
+
+  SecuritySettingV2.prototype.onAddSecurityItem = function () {
+    this.$refs.addSecuritySelect.visible = false;
+    this.showSecurity = true;
+  };
+
+  var _a, _b;
+
+  security_setting_v2_decorate([autowired(project_detail_service), security_setting_v2_metadata("design:type", typeof (_a = typeof project_detail_service !== "undefined" && project_detail_service) === "function" ? _a : Object)], SecuritySettingV2.prototype, "service", void 0);
+
+  security_setting_v2_decorate([Object(flagwind_web_["config"])({
+    default: function _default() {
+      return new InterfaceModel();
+    }
+  }), security_setting_v2_metadata("design:type", typeof (_b = typeof InterfaceModel !== "undefined" && InterfaceModel) === "function" ? _b : Object)], SecuritySettingV2.prototype, "interfaceModel", void 0);
+
+  security_setting_v2_decorate([Object(flagwind_web_["config"])({
+    type: String,
+    default: ""
+  }), security_setting_v2_metadata("design:type", String)], SecuritySettingV2.prototype, "projectID", void 0);
+
+  security_setting_v2_decorate([Object(flagwind_web_["config"])({
+    type: String,
+    default: ""
+  }), security_setting_v2_metadata("design:type", String)], SecuritySettingV2.prototype, "currentSecurityID", void 0);
+
+  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-security-modal": project_detail_security_modal
+    }
+  })], SecuritySettingV2);
+  return SecuritySettingV2;
+}(flagwind_web_["Component"]);
+
+/* harmony default export */ var project_detail_security_setting_v2 = (security_setting_v2_SecuritySettingV2);
+// CONCATENATED MODULE: ./src/views/project-detail/interface-settings/index.ts
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var interface_settings_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 interface_settings_assign = undefined && undefined.__assign || function () {
+  interface_settings_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 interface_settings_assign.apply(this, arguments);
+};
+
+var interface_settings_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 interface_settings_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 interface_settings_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 interface_settings_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
+    };
+  }
+};
+
+
+
+
+
+
+
+
 
 
 
@@ -61875,6 +63081,7 @@ function (_super) {
     _this.response = new Response();
     _this.responseCache = new Map();
     _this.loading = false;
+    _this.currentId = "";
     _this.typeList = [{
       value: "GET",
       text: "GET"
@@ -61894,9 +63101,13 @@ function (_super) {
     }, {
       title: "Headers",
       name: "headers"
-    }, {
+    }, // {
+    //     title: "授权管理",
+    //     name: "security"
+    // },
+    {
       title: "授权管理",
-      name: "security"
+      name: "v2security"
     }, {
       title: "前置脚本",
       name: "pre-execution"
@@ -62074,6 +63285,10 @@ function (_super) {
     });
   };
 
+  InterfaceSettings.prototype.onCurrentId = function (id) {
+    this.currentId = id;
+  };
+
   var _a, _b;
 
   interface_settings_decorate([autowired(project_detail_service), interface_settings_metadata("design:type", typeof (_a = typeof project_detail_service !== "undefined" && project_detail_service) === "function" ? _a : Object)], InterfaceSettings.prototype, "service", void 0);
@@ -62105,7 +63320,8 @@ function (_super) {
       security: project_detail_security_setting,
       "pre-execution": project_detail_pre_execution_setting,
       "after-execution-transfer": project_detail_after_execution_transfer,
-      "after-execution-script": after_execution_script
+      "after-execution-script": after_execution_script,
+      "v2security": project_detail_security_setting_v2
     }
   })], InterfaceSettings);
   return InterfaceSettings;
@@ -63228,6 +64444,7 @@ var project_detail_generator = undefined && undefined.__generator || function (t
 
 
 
+
 var project_detail_ProjectDetail =
 /** @class */
 function (_super) {
@@ -63241,6 +64458,7 @@ function (_super) {
     _this.lengthwise = true;
     _this.showGlobalModal = false;
     _this.showCurrentModal = false;
+    _this.showSecurity = false;
     _this.projectId = "";
     _this.projectName = "";
     _this.split = "340px";
@@ -63414,6 +64632,10 @@ function (_super) {
     this.lengthwise = !this.lengthwise;
   };
 
+  ProjectDetail.prototype.onSecurity = function () {
+    this.showSecurity = true;
+  };
+
   ProjectDetail.prototype.onOpenGlobalModal = function () {
     this.showGlobalModal = true;
   };
@@ -63471,7 +64693,8 @@ function (_super) {
       "u-global-modal": project_detail_global_variable_modal,
       "u-current-modal": project_detail_current_variable_modal,
       Swiper: vue_awesome_swiper["Swiper"],
-      SwiperSlide: vue_awesome_swiper["SwiperSlide"]
+      SwiperSlide: vue_awesome_swiper["SwiperSlide"],
+      "u-security-modal": project_detail_security_modal
     },
     directives: {
       swiper: vue_awesome_swiper["directive"]