@egova/egova-api 1.0.163 → 1.0.164

package/dist/index.umd.js

@@ -22663,6 +22663,13 @@ module.exports = Object.hasOwn || function hasOwn(it, key) {
 };
 
 
+/***/ }),
+
+/***/ "1a93":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "1aea":
@@ -26353,6 +26360,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__) {
 
@@ -26468,6 +26482,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":
@@ -26506,6 +26527,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":
@@ -38485,6 +38513,13 @@ module.exports = !$assign || fails(function () {
 } : $assign;
 
 
+/***/ }),
+
+/***/ "61ef":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "6255":
@@ -43517,6 +43552,13 @@ if (DESCRIPTORS && !FUNCTION_NAME_EXISTS) {
 }
 
 
+/***/ }),
+
+/***/ "b156":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "b2d8":
@@ -47204,7 +47246,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"
 
 /***/ }),
 
@@ -48573,7 +48615,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"
 
 /***/ }),
 
@@ -58231,6 +58273,7 @@ function () {
     this.content = "";
     this.location = "";
     this.locationKey = "";
+    this.id = "";
   }
 
   return Authentication;
@@ -58441,6 +58484,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", {
@@ -58507,6 +58566,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);
 
@@ -61596,359 +61677,1398 @@ 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(); // this.debounceSearch = debounce(this.getSecurityList(this.keyword), 200);
+        }
+
+        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
+    };
+  }
+};
+
+
+
+
+
+
+
+
 
 
 
@@ -61967,6 +63087,7 @@ function (_super) {
     _this.response = new Response();
     _this.responseCache = new Map();
     _this.loading = false;
+    _this.currentId = "";
     _this.typeList = [{
       value: "GET",
       text: "GET"
@@ -61986,9 +63107,13 @@ function (_super) {
     }, {
       title: "Headers",
       name: "headers"
-    }, {
+    }, // {
+    //     title: "授权管理",
+    //     name: "security"
+    // },
+    {
       title: "授权管理",
-      name: "security"
+      name: "v2security"
     }, {
       title: "前置脚本",
       name: "pre-execution"
@@ -62166,6 +63291,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);
@@ -62197,7 +63326,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;
@@ -63320,6 +64450,7 @@ var project_detail_generator = undefined && undefined.__generator || function (t
 
 
 
+
 var project_detail_ProjectDetail =
 /** @class */
 function (_super) {
@@ -63333,6 +64464,7 @@ function (_super) {
     _this.lengthwise = true;
     _this.showGlobalModal = false;
     _this.showCurrentModal = false;
+    _this.showSecurity = false;
     _this.projectId = "";
     _this.projectName = "";
     _this.split = "340px";
@@ -63506,6 +64638,10 @@ function (_super) {
     this.lengthwise = !this.lengthwise;
   };
 
+  ProjectDetail.prototype.onSecurity = function () {
+    this.showSecurity = true;
+  };
+
   ProjectDetail.prototype.onOpenGlobalModal = function () {
     this.showGlobalModal = true;
   };
@@ -63563,7 +64699,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"]