@egova/egova-api 1.3.36 → 1.3.38

package/dist/index.umd.js

@@ -91,7 +91,7 @@ return /******/ (function(modules) { // webpackBootstrap
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = "d345");
+/******/ 	return __webpack_require__(__webpack_require__.s = "cb40");
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -634,7 +634,7 @@ module.exports = function (fn) {
 /***/ "2c48":
 /***/ (function(module, exports) {
 
-module.exports = "<article class=\"response\" :class=\"{'response-expand':expand}\">\r\n    <header :class=\"{'status-success': response.code === 200, 'status-fail': response.code && response.code!==200}\">\r\n        <span class=\"title\">响应</span>\r\n        <span class=\"collapse-text\" @click=\"onClickCollapse\">\r\n            <i class=\"ivu-icon ivu-icon-ios-arrow-forward\" :class=\"{'icon-arrow-collapse':expand}\"></i>\r\n            <span>{{expand ? \"收起\" : \"展开\"}}</span>\r\n        </span>\r\n        <div class=\"items-div\">\r\n            <span class=\"item-name\">响应码:</span>\r\n            <span class=\"item-value\">{{response.code}}</span>\r\n            <span class=\"item-name\">时间:</span>\r\n            <span class=\"item-value\">{{response.time}}ms</span>\r\n            <span class=\"item-name\">大小:</span>\r\n            <span class=\"item-value\">{{response.size}}B</span>\r\n        </div>\r\n    </header>\r\n    <main v-show=\"expand\">\r\n        <div class=\"response-bar\">\r\n            <div\r\n                class=\"tag\"\r\n                @click=\"onClickResponseSettingTpye(item)\"\r\n                :class=\"{'active': item.name === active.name}\"\r\n                v-for=\"(item,index) in responseSettingTypeList\"\r\n                :key=\"item.name\"\r\n            >\r\n                <span>{{item.title + (item.num > 0 ? '(' + item.num + ')': \"\")}}</span>\r\n            </div>\r\n        </div>\r\n        <div class=\"response-content\">\r\n            <template v-if=\"active.name === 'content'\">\r\n                <header>\r\n                    <i-radio-group type=\"button\" class=\"diy-radio-group-button response-content-radio-group\" v-model=\"contentType\">\r\n                        <i-radio label=\"originalContent\">转换前</i-radio>\r\n                        <i-radio label=\"content\">转换后</i-radio>\r\n                    </i-radio-group>\r\n                    <i-dropdown class=\"diy-dropdown response-content-dropdown\" @on-click=\"onChangeLang\">\r\n                        <i-button ghost type=\"primary\" class=\"diy-btn-primary\">\r\n                            <span class=\"lang\">{{lang.toUpperCase()}}</span>\r\n                            <i class=\"api-icon icon-select\"></i>\r\n                        </i-button>\r\n                        <i-dropdown-menu slot=\"list\">\r\n                            <i-dropdown-item name=\"json\">JSON</i-dropdown-item>\r\n                            <i-dropdown-item name=\"xml\">XML</i-dropdown-item>\r\n                        </i-dropdown-menu>\r\n                    </i-dropdown>\r\n                </header>\r\n                <u-editor :value=\"content\" :lang=\"lang\" @inited=\"onEditorInited\"></u-editor>\r\n            </template>\r\n            <div v-if=\"active.name === 'responseHeaders'\">\r\n                <i-table :columns=\"headerColumns\" :data=\"responseHeaders\" class=\"diy-table\"> </i-table>\r\n            </div>\r\n            <template v-if=\"active.name === 'requestHeaders'\">\r\n                <i-table :columns=\"headerColumns\" :data=\"requestHeaders\" class=\"diy-table\"> </i-table>\r\n            </template>\r\n            <template v-if=\"active.name === 'cookies'\">\r\n                <i-table :columns=\"headerColumns\" :data=\"cookies\" class=\"diy-table\"> </i-table>\r\n            </template>\r\n            <template v-if=\"active.name==='output'\">\r\n                <span class=\"output\">{{output}}</span>\r\n            </template>\r\n        </div>\r\n    </main>\r\n</article>\r\n"
+module.exports = "<article class=\"response\" :class=\"{'response-expand':expand}\">\r\n    <header :class=\"{'status-success': response.code === 200, 'status-fail': response.code && response.code!==200}\">\r\n        <div class=\"header-left\">\r\n            <span class=\"title\">响应</span>\r\n            <span class=\"collapse-text\" @click=\"onClickCollapse\">\r\n                <i class=\"ivu-icon ivu-icon-ios-arrow-forward\" :class=\"{'icon-arrow-collapse':expand}\"></i>\r\n                <span>{{expand ? \"收起\" : \"展开\"}}</span>\r\n            </span>\r\n            <div class=\"stream-switch\">\r\n                <span class=\"stream-text\">流式响应</span>\r\n                <i-switch v-model=\"interfaceInfo.streamResponseFlag\" :true-value=\"1\" :false-value=\"0\"></i-switch>\r\n            </div>\r\n        </div>\r\n        <div class=\"items-div\">\r\n            <span class=\"item-name\">响应码:</span>\r\n            <span class=\"item-value\">{{response.code}}</span>\r\n            <span class=\"item-name\">时间:</span>\r\n            <span class=\"item-value\">{{response.time}}ms</span>\r\n            <span class=\"item-name\">大小:</span>\r\n            <span class=\"item-value\">{{response.size}}B</span>\r\n        </div>\r\n    </header>\r\n    <main v-show=\"expand\">\r\n        <div class=\"response-bar\">\r\n            <div\r\n                class=\"tag\"\r\n                @click=\"onClickResponseSettingTpye(item)\"\r\n                :class=\"{'active': item.name === active.name}\"\r\n                v-for=\"(item,index) in responseSettingTypeList\"\r\n                :key=\"item.name\"\r\n            >\r\n                <span>{{item.title + (item.num > 0 ? '(' + item.num + ')': \"\")}}</span>\r\n            </div>\r\n        </div>\r\n        <div class=\"response-content\">\r\n            <template v-if=\"active.name === 'content'\">\r\n                <header>\r\n                    <i-radio-group type=\"button\" class=\"diy-radio-group-button response-content-radio-group\" v-model=\"contentType\">\r\n                        <i-radio label=\"originalContent\">转换前</i-radio>\r\n                        <i-radio label=\"content\">转换后</i-radio>\r\n                    </i-radio-group>\r\n                    <i-dropdown class=\"diy-dropdown response-content-dropdown\" @on-click=\"onChangeLang\">\r\n                        <i-button ghost type=\"primary\" class=\"diy-btn-primary\">\r\n                            <span class=\"lang\">{{lang.toUpperCase()}}</span>\r\n                            <i class=\"api-icon icon-select\"></i>\r\n                        </i-button>\r\n                        <i-dropdown-menu slot=\"list\">\r\n                            <i-dropdown-item name=\"json\">JSON</i-dropdown-item>\r\n                            <i-dropdown-item name=\"xml\">XML</i-dropdown-item>\r\n                        </i-dropdown-menu>\r\n                    </i-dropdown>\r\n                </header>\r\n                <u-editor :value=\"content\" :lang=\"lang\" @inited=\"onEditorInited\"></u-editor>\r\n            </template>\r\n            <div v-if=\"active.name === 'responseHeaders'\">\r\n                <i-table :columns=\"headerColumns\" :data=\"responseHeaders\" class=\"diy-table\"> </i-table>\r\n            </div>\r\n            <template v-if=\"active.name === 'requestHeaders'\">\r\n                <i-table :columns=\"headerColumns\" :data=\"requestHeaders\" class=\"diy-table\"> </i-table>\r\n            </template>\r\n            <template v-if=\"active.name === 'cookies'\">\r\n                <i-table :columns=\"headerColumns\" :data=\"cookies\" class=\"diy-table\"> </i-table>\r\n            </template>\r\n            <template v-if=\"active.name==='output'\">\r\n                <span class=\"output\">{{output}}</span>\r\n            </template>\r\n        </div>\r\n    </main>\r\n</article>\r\n"
 
 /***/ }),
 
@@ -906,7 +906,7 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__3fb3__;
 /***/ "40aa":
 /***/ (function(module, exports) {
 
-module.exports = "<!DOCTYPE html>\n<i-drawer\n    width=\"700\"\n    draggable\n    sticky\n    reset-drag-position\n    v-model=\"show\"\n    class=\"interface-modal diy-modal\"\n    transfer\n    title=\"已关联流程配置\"\n    :mask-closable=\"false\"\n    @on-cancel=\"onCancel\"\n>\n    <div class=\"drawer-content\">\n        <div class=\"header\">\n            <i-select v-model=\"proxyName\" :placeholder=\"proxyList?.length ? `已有${proxyList?.length}个代理服务`:'暂无数据'\" @on-select=\"selectProxyName\">\n                <i-option v-for=\"item in proxyList\" :value=\"item.id\" :key=\"item.id\"> {{item.name}} </i-option>\n            </i-select>\n            <i-button class=\"diy-btn-primary\" type=\"primary\" @click=\"onAdd\">新增配置</i-button>\n        </div>\n\n        <template>\n            <i-form v-show=\"proxyName || isAdding \" ref=\"configform\" label-position=\"left\" :label-width=\"125\" label-colon :rules=\"rulesValidate\" :model=\"model\">\n                <div class=\"form-title\">{{formTitle}}</div>\n                <i-form-item v-show=\"isAdding\" label=\"所属分类\" prop=\"categoryId\" class=\"proxy-category-validate\" required>\n                    <u-tree-selector\n                        :treeData=\"categoryList\"\n                        :canChooseFolder=\"true\"\n                        v-model=\"model.categoryId\"\n                        @on-select=\"selectCategory\"\n                        placeholder=\"请选择所属分类\"\n                    ></u-tree-selector>\n                </i-form-item>\n                <i-form-item label=\"代理名称\" prop=\"name\" class=\"proxy-name-validate\" required>\n                    <i-input class=\"diy-input\" v-model=\"model.name\" placeholder=\"请输入代理名称\"></i-input>\n                </i-form-item>\n                <i-form-item class=\"proxy-name-validate\" prop=\"code\" label=\"接口编码\" required>\n                    <i-input class=\"diy-input\" v-model=\"model.code\" placeholder=\"请输入接口编码\"></i-input>\n                </i-form-item>\n                <i-form-item class=\"un-required-item copy-item\" label=\"接口地址\">\n                    <i-input class=\"diy-input\" disabled :value=\"url\"></i-input>\n                    <div class=\"set-btn\" @click=\"onCopy(url)\">复制</div>\n                </i-form-item>\n                <i-form-item label=\"描述\" prop=\"description\" class=\"proxy-description-validate un-required-item\">\n                    <i-input type=\"textarea\" v-model=\"model.description\" placeholder=\"请输入描述\" :rows=\"2\"></i-input>\n                </i-form-item>\n                <i-row class=\"retry-wrap\" style=\"padding-top: 8px\">\n                    <i-col span=\"24\">\n                        <i-form-item class=\"un-required-item copy-item\">\n                            <template #label>\n                                <i-poptip slot=\"label\" trigger=\"hover\" word-wrap transfer>\n                                    <icon style=\"cursor: help; font-size: 0.16rem\" type=\"ios-information-circle-outline\" />\n                                    <div slot=\"content\" style=\"width: 3rem\">\n                                        <span style=\"font-size: 0.14rem\"\n                                            >在右侧勾选日志记录的请求类型。需记录慢接口时，可以设置最小耗时阈值（大于该值将记录日志），不勾选时则不记录。日志表会记录请求头、请求参数和响应体，如果内容较多时建议关闭，请求次数频繁比较占数据库资源。选项【失败】仅记录调用失败的日志</span\n                                        >\n                                    </div>\n                                </i-poptip>\n                                <span>记录日志：</span>\n                            </template>\n                            <i-checkboxGroup class=\"diy-checkbox\" v-model=\"logSavingEnabledList\">\n                                <i-checkbox v-for=\"item in loginLevelFlag\" :disabled=\"readonly\" :label=\"item.value\">{{ item.name }}</i-checkbox>\n                            </i-checkboxGroup>\n                            <i-form-item class=\"slow-log-threshold\" prop=\"slowLogThreshold\">\n                                >\n                                <i-input class=\"diy-input\" type=\"number\" :disabled=\"slowLogThreshold\" v-model=\"model.slowLogThreshold\"> </i-input>\n                                毫秒\n                            </i-form-item>\n                        </i-form-item>\n                    </i-col>\n                </i-row>\n                <template v-if=\"model.logSavingEnabled\">\n                    <i-row class=\"retry-wrap\">\n                        <i-col span=\"11\">\n                            <i-form-item label=\"开启重推\" required>\n                                <i-select class=\"diy-select\" v-model=\"model.enableRetry\">\n                                    <i-option v-for=\"(item,index) in isRetryList\" :value=\"item.value\" :key=\"index\">{{ item.name }}</i-option>\n                                </i-select>\n                            </i-form-item>\n                        </i-col>\n                        <i-col span=\"11\">\n                            <i-form-item class=\"un-required-item\" label=\"重推次数\" prop=\"retryTimes\">\n                                <tips-table-label class=\"data-type-tips\" slot=\"label\" label-colon labelTitle=\"重推次数\"></tips-table-label>\n                                <i-input class=\"diy-input\" type=\"number\" :disabled=\"isRetryTimesReadonly\" v-model=\"model.retryTimes\" placeholder=\"请输入重推次数\"></i-input>\n                            </i-form-item>\n                        </i-col>\n                    </i-row>\n                    <i-row v-show=\"model.enableRetry === 'true' \">\n                        <i-col span=\"11\">\n                            <i-form-item class=\"un-required-item status-code\">\n                                <template #label>\n                                    <i-poptip slot=\"label\" trigger=\"hover\" content=\"当接口状态码和配置项相同时，才触发重推；多个自定义状态码以英文逗号分隔\" word-wrap transfer>\n                                        <icon style=\"cursor: help; font-size: 0.16rem\" type=\"ios-information-circle-outline\" />\n                                    </i-poptip>\n                                    <span>重推接口状态码：</span>\n                                </template>\n                                <i-form-item>\n                                    <i-select ref=\"statusCodeSelect\" v-model=\"statusCode\" class=\"diy-select code-select\" @on-change=\"onStatusCodeChange\">\n                                        <i-option v-for=\"item in statusCodeList\" :value=\"item.value\" :key=\"item.value\">{{ item.name }}</i-option>\n                                    </i-select>\n                                </i-form-item>\n                                <i-form-item prop=\"retryCode\">\n                                    <i-input\n                                        style=\"min-width: 0.32rem\"\n                                        v-show=\"statusCode === '2'\"\n                                        class=\"diy-input\"\n                                        v-model=\"model.retryCode\"\n                                        placeholder=\"请输入状态码\"\n                                    ></i-input>\n                                </i-form-item>\n                            </i-form-item>\n                        </i-col>\n                    </i-row>\n                </template>\n\n                <i-row class=\"retry-wrap\">\n                    <i-col span=\"11\">\n                        <i-form-item label=\"需要认证\" class=\"un-required-item copy-item\">\n                            <i-select class=\"diy-select\" style=\"margin-top: 6px\" v-model=\"model.authFlag\">\n                                <i-option v-for=\"item in authFlag\" :value=\"item.value\" :key=\"item.value\">{{ item.name }}</i-option>\n                            </i-select>\n                        </i-form-item>\n                    </i-col>\n                    <i-col span=\"11\">\n                        <i-form-item class=\"un-required-item copy-item\">\n                            <template #label>\n                                <i-poptip slot=\"label\" trigger=\"hover\" content=\"使用用户中心token访问该接口时，将校验登陆是否拥有该资源代码的权限\" word-wrap transfer>\n                                    <icon style=\"cursor: help; font-size: 0.16rem\" type=\"ios-information-circle-outline\" />\n                                </i-poptip>\n                                <span>用户中心资源代码：</span>\n                            </template>\n                            <i-input\n                                class=\"diy-input\"\n                                style=\"margin-top: 6px\"\n                                v-model=\"model.resourceCode\"\n                                :disabled=\"!isResourceCodeEnabled\"\n                                placeholder=\"请输入用户中心资源代码\"\n                            ></i-input>\n                        </i-form-item>\n                    </i-col>\n                </i-row>\n                <template>\n                    <i-row class=\"retry-wrap\">\n                        <i-col span=\"11\">\n                            <i-form-item label=\"代理类型\">\n                                <i-input class=\"diy-input\" value=\"外部接口\" disabled></i-input>\n                            </i-form-item>\n                        </i-col>\n                        <i-col span=\"11\">\n                            <i-form-item label=\"API项目\">\n                                <i-select disabled class=\"diy-select\" v-model=\"apiModel.projectId\">\n                                    <i-option v-for=\"(item,index) in projectList\" :value=\"item.id\" :key=\"item.id\">{{ item.name }}</i-option>\n                                </i-select>\n                            </i-form-item>\n                        </i-col>\n                    </i-row>\n                    <i-form-item label=\"API接口\">\n                        <u-tree-selector\n                            readonly\n                            :treeData=\"apiTree\"\n                            leaf-name=\"apis\"\n                            v-model=\"apiModel.typeId\"\n                            placeholder=\"请选择API接口\"\n                            @on-select=\"onApiTreeSelect\"\n                        ></u-tree-selector>\n                    </i-form-item>\n                    <i-form-item label=\"接口路径\">\n                        <i-input class=\"diy-input\" :readonly=\"true\" v-model=\"apiModel.path\" :rows=\"4\"></i-input>\n                    </i-form-item>\n                </template>\n            </i-form>\n        </template>\n        <i-table v-if=\"proxyName || isAdding\" class=\"diy-table\" height=\"200\" :columns=\"apiColumns\" :data=\"apiParamList\"> </i-table>\n        <div v-if=\"!proxyName && !isAdding \" class=\"no-data\">暂无数据</div>\n    </div>\n    <div class=\"footer\">\n        <i-button class=\"diy-btn-primary\" type=\"primary\" :loading=\"loading\" @click.stop=\"onSave\">保存</i-button>\n        <i-button class=\"diy-btn-default\" @click.stop=\"onCancel\">取消</i-button>\n    </div>\n</i-drawer>\n"
+module.exports = "<!DOCTYPE html>\r\n<i-drawer\r\n    width=\"700\"\r\n    draggable\r\n    sticky\r\n    reset-drag-position\r\n    v-model=\"show\"\r\n    class=\"interface-modal diy-modal\"\r\n    transfer\r\n    title=\"已关联流程配置\"\r\n    :mask-closable=\"false\"\r\n    @on-cancel=\"onCancel\"\r\n>\r\n    <div class=\"drawer-content\">\r\n        <div class=\"header\">\r\n            <i-select v-model=\"proxyName\" :placeholder=\"proxyList?.length ? `已有${proxyList?.length}个代理服务`:'暂无数据'\" @on-select=\"selectProxyName\">\r\n                <i-option v-for=\"item in proxyList\" :value=\"item.id\" :key=\"item.id\"> {{item.name}} </i-option>\r\n            </i-select>\r\n            <i-button class=\"diy-btn-primary\" type=\"primary\" @click=\"onAdd\">新增配置</i-button>\r\n        </div>\r\n\r\n        <template>\r\n            <i-form v-show=\"proxyName || isAdding \" ref=\"configform\" label-position=\"left\" :label-width=\"125\" label-colon :rules=\"rulesValidate\" :model=\"model\">\r\n                <div class=\"form-title\">{{formTitle}}</div>\r\n                <i-form-item v-show=\"isAdding\" label=\"所属分类\" prop=\"categoryId\" class=\"proxy-category-validate\" required>\r\n                    <u-tree-selector\r\n                        :treeData=\"categoryList\"\r\n                        :canChooseFolder=\"true\"\r\n                        v-model=\"model.categoryId\"\r\n                        @on-select=\"selectCategory\"\r\n                        placeholder=\"请选择所属分类\"\r\n                    ></u-tree-selector>\r\n                </i-form-item>\r\n                <i-form-item label=\"代理名称\" prop=\"name\" class=\"proxy-name-validate\" required>\r\n                    <i-input class=\"diy-input\" v-model=\"model.name\" placeholder=\"请输入代理名称\"></i-input>\r\n                </i-form-item>\r\n                <i-form-item class=\"proxy-name-validate\" prop=\"code\" label=\"接口编码\" required>\r\n                    <i-input class=\"diy-input\" v-model=\"model.code\" placeholder=\"请输入接口编码\"></i-input>\r\n                </i-form-item>\r\n                <i-form-item class=\"un-required-item copy-item\" label=\"接口地址\">\r\n                    <i-input class=\"diy-input\" disabled :value=\"url\"></i-input>\r\n                    <div class=\"set-btn\" @click=\"onCopy(url)\">复制</div>\r\n                </i-form-item>\r\n                <i-form-item label=\"描述\" prop=\"description\" class=\"proxy-description-validate un-required-item\">\r\n                    <i-input type=\"textarea\" v-model=\"model.description\" placeholder=\"请输入描述\" :rows=\"2\"></i-input>\r\n                </i-form-item>\r\n                <i-row class=\"retry-wrap\" style=\"padding-top: 8px\">\r\n                    <i-col span=\"24\">\r\n                        <i-form-item class=\"un-required-item copy-item\">\r\n                            <template #label>\r\n                                <i-poptip slot=\"label\" trigger=\"hover\" word-wrap transfer>\r\n                                    <icon style=\"cursor: help; font-size: 0.16rem\" type=\"ios-information-circle-outline\" />\r\n                                    <div slot=\"content\" style=\"width: 3rem\">\r\n                                        <span style=\"font-size: 0.14rem\"\r\n                                            >在右侧勾选日志记录的请求类型。需记录慢接口时，可以设置最小耗时阈值（大于该值将记录日志），不勾选时则不记录。日志表会记录请求头、请求参数和响应体，如果内容较多时建议关闭，请求次数频繁比较占数据库资源。选项【失败】仅记录调用失败的日志</span\r\n                                        >\r\n                                    </div>\r\n                                </i-poptip>\r\n                                <span>记录日志：</span>\r\n                            </template>\r\n                            <i-checkboxGroup class=\"diy-checkbox\" v-model=\"logSavingEnabledList\">\r\n                                <i-checkbox v-for=\"item in loginLevelFlag\" :disabled=\"readonly\" :label=\"item.value\">{{ item.name }}</i-checkbox>\r\n                            </i-checkboxGroup>\r\n                            <i-form-item class=\"slow-log-threshold\" prop=\"slowLogThreshold\">\r\n                                >\r\n                                <i-input class=\"diy-input\" type=\"number\" :disabled=\"slowLogThreshold\" v-model=\"model.slowLogThreshold\"> </i-input>\r\n                                毫秒\r\n                            </i-form-item>\r\n                        </i-form-item>\r\n                    </i-col>\r\n                </i-row>\r\n                <template v-if=\"model.logSavingEnabled\">\r\n                    <i-row class=\"retry-wrap\">\r\n                        <i-col span=\"11\">\r\n                            <i-form-item label=\"开启重推\" required>\r\n                                <i-select class=\"diy-select\" v-model=\"model.enableRetry\">\r\n                                    <i-option v-for=\"(item,index) in isRetryList\" :value=\"item.value\" :key=\"index\">{{ item.name }}</i-option>\r\n                                </i-select>\r\n                            </i-form-item>\r\n                        </i-col>\r\n                        <i-col span=\"11\">\r\n                            <i-form-item class=\"un-required-item\" label=\"重推次数\" prop=\"retryTimes\">\r\n                                <tips-table-label class=\"data-type-tips\" slot=\"label\" label-colon labelTitle=\"重推次数\"></tips-table-label>\r\n                                <i-input class=\"diy-input\" type=\"number\" :disabled=\"isRetryTimesReadonly\" v-model=\"model.retryTimes\" placeholder=\"请输入重推次数\"></i-input>\r\n                            </i-form-item>\r\n                        </i-col>\r\n                    </i-row>\r\n                    <i-row v-show=\"model.enableRetry === 'true' \">\r\n                        <i-col span=\"11\">\r\n                            <i-form-item class=\"un-required-item status-code\">\r\n                                <template #label>\r\n                                    <i-poptip slot=\"label\" trigger=\"hover\" content=\"当接口状态码和配置项相同时，才触发重推；多个自定义状态码以英文逗号分隔\" word-wrap transfer>\r\n                                        <icon style=\"cursor: help; font-size: 0.16rem\" type=\"ios-information-circle-outline\" />\r\n                                    </i-poptip>\r\n                                    <span>重推接口状态码：</span>\r\n                                </template>\r\n                                <i-form-item>\r\n                                    <i-select ref=\"statusCodeSelect\" v-model=\"statusCode\" class=\"diy-select code-select\" @on-change=\"onStatusCodeChange\">\r\n                                        <i-option v-for=\"item in statusCodeList\" :value=\"item.value\" :key=\"item.value\">{{ item.name }}</i-option>\r\n                                    </i-select>\r\n                                </i-form-item>\r\n                                <i-form-item prop=\"retryCode\">\r\n                                    <i-input\r\n                                        style=\"min-width: 0.32rem\"\r\n                                        v-show=\"statusCode === '2'\"\r\n                                        class=\"diy-input\"\r\n                                        v-model=\"model.retryCode\"\r\n                                        placeholder=\"请输入状态码\"\r\n                                    ></i-input>\r\n                                </i-form-item>\r\n                            </i-form-item>\r\n                        </i-col>\r\n                    </i-row>\r\n                </template>\r\n\r\n                <i-row class=\"retry-wrap\">\r\n                    <i-col span=\"11\">\r\n                        <i-form-item label=\"需要认证\" class=\"un-required-item copy-item\">\r\n                            <i-select class=\"diy-select\" style=\"margin-top: 6px\" v-model=\"model.authFlag\">\r\n                                <i-option v-for=\"item in authFlag\" :value=\"item.value\" :key=\"item.value\">{{ item.name }}</i-option>\r\n                            </i-select>\r\n                        </i-form-item>\r\n                    </i-col>\r\n                    <i-col span=\"11\">\r\n                        <i-form-item class=\"un-required-item copy-item\">\r\n                            <template #label>\r\n                                <i-poptip slot=\"label\" trigger=\"hover\" content=\"使用用户中心token访问该接口时，将校验登陆是否拥有该资源代码的权限\" word-wrap transfer>\r\n                                    <icon style=\"cursor: help; font-size: 0.16rem\" type=\"ios-information-circle-outline\" />\r\n                                </i-poptip>\r\n                                <span>用户中心资源代码：</span>\r\n                            </template>\r\n                            <i-input\r\n                                class=\"diy-input\"\r\n                                style=\"margin-top: 6px\"\r\n                                v-model=\"model.resourceCode\"\r\n                                :disabled=\"!isResourceCodeEnabled\"\r\n                                placeholder=\"请输入用户中心资源代码\"\r\n                            ></i-input>\r\n                        </i-form-item>\r\n                    </i-col>\r\n                </i-row>\r\n                <template>\r\n                    <i-row class=\"retry-wrap\">\r\n                        <i-col span=\"11\">\r\n                            <i-form-item label=\"代理类型\">\r\n                                <i-input class=\"diy-input\" value=\"外部接口\" disabled></i-input>\r\n                            </i-form-item>\r\n                        </i-col>\r\n                        <i-col span=\"11\">\r\n                            <i-form-item label=\"API项目\">\r\n                                <i-select disabled class=\"diy-select\" v-model=\"apiModel.projectId\">\r\n                                    <i-option v-for=\"(item,index) in projectList\" :value=\"item.id\" :key=\"item.id\">{{ item.name }}</i-option>\r\n                                </i-select>\r\n                            </i-form-item>\r\n                        </i-col>\r\n                    </i-row>\r\n                    <i-form-item label=\"API接口\">\r\n                        <u-tree-selector\r\n                            readonly\r\n                            :treeData=\"apiTree\"\r\n                            leaf-name=\"apis\"\r\n                            v-model=\"apiModel.typeId\"\r\n                            placeholder=\"请选择API接口\"\r\n                            @on-select=\"onApiTreeSelect\"\r\n                        ></u-tree-selector>\r\n                    </i-form-item>\r\n                    <i-form-item label=\"接口路径\">\r\n                        <i-input class=\"diy-input\" :readonly=\"true\" v-model=\"apiModel.path\" :rows=\"4\"></i-input>\r\n                    </i-form-item>\r\n                </template>\r\n            </i-form>\r\n        </template>\r\n        <i-table v-if=\"proxyName || isAdding\" class=\"diy-table\" height=\"200\" :columns=\"apiColumns\" :data=\"apiParamList\"> </i-table>\r\n        <div v-if=\"!proxyName && !isAdding \" class=\"no-data\">暂无数据</div>\r\n    </div>\r\n    <div class=\"footer\">\r\n        <i-button class=\"diy-btn-primary\" type=\"primary\" :loading=\"loading\" @click.stop=\"onSave\">保存</i-button>\r\n        <i-button class=\"diy-btn-default\" @click.stop=\"onCancel\">取消</i-button>\r\n    </div>\r\n</i-drawer>\r\n"
 
 /***/ }),
 
@@ -3997,529 +3997,44 @@ module.exports = function (argument) {
 
 /***/ }),
 
-/***/ "b042":
+/***/ "b061":
+/***/ (function(module, exports) {
+
+var g;
+
+// This works in non-strict mode
+g = (function() {
+	return this;
+})();
+
+try {
+	// This works if eval is allowed (see CSP)
+	g = g || new Function("return this")();
+} catch (e) {
+	// This works if the window reference is available
+	if (typeof window === "object") g = window;
+}
+
+// g can still be undefined, but nothing to do about it...
+// We return undefined, instead of nothing here, so it's
+// easier to handle this case. if(!global) { ...}
+
+module.exports = g;
+
+
+/***/ }),
+
+/***/ "b156":
 /***/ (function(module, exports, __webpack_require__) {
 
+// extracted by mini-css-extract-plugin
 
-/*!
- * vue-awesome-swiper v4.1.1
- * Copyright (c) Surmon. All rights reserved.
- * Released under the MIT License.
- * Surmon <https://github.com/surmon-china>
- */
+/***/ }),
 
-(function(g,f){ true?f(exports,__webpack_require__("d670"),__webpack_require__("8bbf")):undefined;}(this,(function(exports, SwiperClass, Vue){'use strict';SwiperClass=SwiperClass&&Object.prototype.hasOwnProperty.call(SwiperClass,'default')?SwiperClass['default']:SwiperClass;Vue=Vue&&Object.prototype.hasOwnProperty.call(Vue,'default')?Vue['default']:Vue;/**
- * @file vue-awesome-swiper
- * @module constants
- * @author Surmon <https://github.com/surmon-china>
- */
-var CoreNames;
-(function (CoreNames) {
-    CoreNames["SwiperComponent"] = "Swiper";
-    CoreNames["SwiperSlideComponent"] = "SwiperSlide";
-    CoreNames["SwiperDirective"] = "swiper";
-    CoreNames["SwiperInstance"] = "$swiper";
-})(CoreNames || (CoreNames = {}));
-var DEFAULT_CLASSES = Object.freeze({
-    containerClass: 'swiper-container',
-    wrapperClass: 'swiper-wrapper',
-    slideClass: 'swiper-slide'
-});
-var ComponentEvents;
-(function (ComponentEvents) {
-    ComponentEvents["Ready"] = "ready";
-    ComponentEvents["ClickSlide"] = "clickSlide";
-})(ComponentEvents || (ComponentEvents = {}));
-var ComponentPropNames;
-(function (ComponentPropNames) {
-    ComponentPropNames["AutoUpdate"] = "autoUpdate";
-    ComponentPropNames["AutoDestroy"] = "autoDestroy";
-    ComponentPropNames["DeleteInstanceOnDestroy"] = "deleteInstanceOnDestroy";
-    ComponentPropNames["CleanupStylesOnDestroy"] = "cleanupStylesOnDestroy";
-})(ComponentPropNames || (ComponentPropNames = {}));
-// https://swiperjs.com/api/#events
-var SWIPER_EVENTS = [
-    'init',
-    'beforeDestroy',
-    'slideChange',
-    'slideChangeTransitionStart',
-    'slideChangeTransitionEnd',
-    'slideNextTransitionStart',
-    'slideNextTransitionEnd',
-    'slidePrevTransitionStart',
-    'slidePrevTransitionEnd',
-    'transitionStart',
-    'transitionEnd',
-    'touchStart',
-    'touchMove',
-    'touchMoveOpposite',
-    'sliderMove',
-    'touchEnd',
-    'click',
-    'tap',
-    'doubleTap',
-    'imagesReady',
-    'progress',
-    'reachBeginning',
-    'reachEnd',
-    'fromEdge',
-    'setTranslate',
-    'setTransition',
-    'resize',
-    'observerUpdate',
-    'beforeLoopFix',
-    'loopFix'
-];/*! *****************************************************************************
-Copyright (c) Microsoft Corporation. All rights reserved.
-Licensed under the Apache License, Version 2.0 (the "License"); you may not use
-this file except in compliance with the License. You may obtain a copy of the
-License at http://www.apache.org/licenses/LICENSE-2.0
-
-THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
-KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
-WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
-MERCHANTABLITY OR NON-INFRINGEMENT.
-
-See the Apache Version 2.0 License for specific language governing permissions
-and limitations under the License.
-***************************************************************************** */
-
-function __spreadArrays() {
-    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
-    for (var r = Array(s), k = 0, i = 0; i < il; i++)
-        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-            r[k] = a[j];
-    return r;
-}/**
- * @file vue-awesome-swiper
- * @module utils
- * @author Surmon <https://github.com/surmon-china>
- */
-var kebabcase = function (string) {
-    return string
-        .replace(/([a-z])([A-Z])/g, '$1-$2')
-        .replace(/\s+/g, '-')
-        .toLowerCase();
-};/**
- * @file vue-awesome-swiper
- * @module event
- * @author Surmon <https://github.com/surmon-china>
- */
-var handleClickSlideEvent = function (swiper, event, emit) {
-    var _a, _b, _c;
-    if (swiper && !(swiper.destroyed)) {
-        var eventPath = ((_a = event.composedPath) === null || _a === void 0 ? void 0 : _a.call(event)) || event.path;
-        if ((event === null || event === void 0 ? void 0 : event.target) && eventPath) {
-            var slides_1 = Array.from(swiper.slides);
-            var paths = Array.from(eventPath);
-            // Click slide || slide[children]
-            if (slides_1.includes(event.target) || paths.some(function (item) { return slides_1.includes(item); })) {
-                var clickedIndex = swiper.clickedIndex;
-                var reallyIndex = Number((_c = (_b = swiper.clickedSlide) === null || _b === void 0 ? void 0 : _b.dataset) === null || _c === void 0 ? void 0 : _c.swiperSlideIndex);
-                var reallyIndexValue = Number.isInteger(reallyIndex) ? reallyIndex : null;
-                emit(ComponentEvents.ClickSlide, clickedIndex, reallyIndexValue);
-                emit(kebabcase(ComponentEvents.ClickSlide), clickedIndex, reallyIndexValue);
-            }
-        }
-    }
-};
-var bindSwiperEvents = function (swiper, emit) {
-    SWIPER_EVENTS.forEach(function (eventName) {
-        swiper.on(eventName, function () {
-            var arguments$1 = arguments;
-
-            var args = [];
-            for (var _i = 0; _i < arguments.length; _i++) {
-                args[_i] = arguments$1[_i];
-            }
-            emit.apply(void 0, __spreadArrays([eventName], args));
-            var kebabcaseName = kebabcase(eventName);
-            if (kebabcaseName !== eventName) {
-                emit.apply(void 0, __spreadArrays([kebabcaseName], args));
-            }
-        });
-    });
-};/**
- * @file vue-awesome-swiper
- * @module directive
- * @author Surmon <https://github.com/surmon-china>
- */
-var INSTANCE_NAME_KEY = 'instanceName';
-function getDirective(SwiperClass, globalOptions) {
-    var getStandardisedOptionByAttrs = function (vnode, key) {
-        var _a, _b, _c, _d;
-        var value = (_b = (_a = vnode.data) === null || _a === void 0 ? void 0 : _a.attrs) === null || _b === void 0 ? void 0 : _b[key];
-        return value !== undefined
-            ? value
-            : (_d = (_c = vnode.data) === null || _c === void 0 ? void 0 : _c.attrs) === null || _d === void 0 ? void 0 : _d[kebabcase(key)];
-    };
-    // Get swiper instace name in directive
-    var getSwiperInstanceName = function (element, binding, vnode) {
-        return (binding.arg ||
-            getStandardisedOptionByAttrs(vnode, INSTANCE_NAME_KEY) ||
-            element.id ||
-            CoreNames.SwiperInstance);
-    };
-    var getSwiperInstance = function (element, binding, vnode) {
-        var instanceName = getSwiperInstanceName(element, binding, vnode);
-        return vnode.context[instanceName] || null;
-    };
-    var getSwipeOptions = function (binding) {
-        return binding.value || globalOptions;
-    };
-    var getBooleanValueByInput = function (input) {
-        return [true, undefined, null, ''].includes(input);
-    };
-    // Emit event in Vue directive
-    var getEventEmiter = function (vnode) {
-        var _a, _b;
-        var handlers = ((_a = vnode.data) === null || _a === void 0 ? void 0 : _a.on) || ((_b = vnode.componentOptions) === null || _b === void 0 ? void 0 : _b.listeners);
-        return function (name) {
-            var arguments$1 = arguments;
-
-            var args = [];
-            for (var _i = 1; _i < arguments.length; _i++) {
-                args[_i - 1] = arguments$1[_i];
-            }
-            var _a;
-            var handle = (_a = handlers) === null || _a === void 0 ? void 0 : _a[name];
-            if (handle) {
-                handle.fns.apply(handle, args);
-            }
-        };
-    };
-    return {
-        // Init
-        bind: function (element, binding, vnode) {
-            // auto class name
-            if (element.className.indexOf(DEFAULT_CLASSES.containerClass) === -1) {
-                element.className += ((element.className ? ' ' : '') + DEFAULT_CLASSES.containerClass);
-            }
-            // bind click event
-            element.addEventListener('click', function (event) {
-                var emitEvent = getEventEmiter(vnode);
-                var swiper = getSwiperInstance(element, binding, vnode);
-                handleClickSlideEvent(swiper, event, emitEvent);
-            });
-        },
-        // DOM inserted
-        inserted: function (element, binding, vnode) {
-            var context = vnode.context;
-            var swiperOptions = getSwipeOptions(binding);
-            var instanceName = getSwiperInstanceName(element, binding, vnode);
-            var emitEvent = getEventEmiter(vnode);
-            var vueContext = context;
-            var swiper = vueContext === null || vueContext === void 0 ? void 0 : vueContext[instanceName];
-            // Swiper will destroy but not delete instance, when used <keep-alive>
-            if (!swiper || swiper.destroyed) {
-                swiper = new SwiperClass(element, swiperOptions);
-                vueContext[instanceName] = swiper;
-                bindSwiperEvents(swiper, emitEvent);
-                emitEvent(ComponentEvents.Ready, swiper);
-                // MARK: Reinstance when the nexttick with <keep-alive>
-                // Vue.nextTick(instancing) | setTimeout(instancing)
-            }
-        },
-        // On options changed or DOM updated
-        componentUpdated: function (element, binding, vnode) {
-            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
-            var autoUpdate = getStandardisedOptionByAttrs(vnode, ComponentPropNames.AutoUpdate);
-            if (getBooleanValueByInput(autoUpdate)) {
-                var swiper = getSwiperInstance(element, binding, vnode);
-                if (swiper) {
-                    var swiperOptions = getSwipeOptions(binding);
-                    var isLoop = swiperOptions.loop;
-                    if (isLoop) {
-                        (_b = (_a = swiper) === null || _a === void 0 ? void 0 : _a.loopDestroy) === null || _b === void 0 ? void 0 : _b.call(_a);
-                    }
-                    (_c = swiper === null || swiper === void 0 ? void 0 : swiper.update) === null || _c === void 0 ? void 0 : _c.call(swiper);
-                    (_e = (_d = swiper.navigation) === null || _d === void 0 ? void 0 : _d.update) === null || _e === void 0 ? void 0 : _e.call(_d);
-                    (_g = (_f = swiper.pagination) === null || _f === void 0 ? void 0 : _f.render) === null || _g === void 0 ? void 0 : _g.call(_f);
-                    (_j = (_h = swiper.pagination) === null || _h === void 0 ? void 0 : _h.update) === null || _j === void 0 ? void 0 : _j.call(_h);
-                    if (isLoop) {
-                        (_l = (_k = swiper) === null || _k === void 0 ? void 0 : _k.loopCreate) === null || _l === void 0 ? void 0 : _l.call(_k);
-                        (_m = swiper === null || swiper === void 0 ? void 0 : swiper.update) === null || _m === void 0 ? void 0 : _m.call(swiper);
-                    }
-                }
-            }
-        },
-        // Destroy this directive
-        unbind: function (element, binding, vnode) {
-            var _a;
-            var autoDestroy = getStandardisedOptionByAttrs(vnode, ComponentPropNames.AutoDestroy);
-            if (getBooleanValueByInput(autoDestroy)) {
-                var swiper = getSwiperInstance(element, binding, vnode);
-                if (swiper && swiper.initialized) {
-                    (_a = swiper === null || swiper === void 0 ? void 0 : swiper.destroy) === null || _a === void 0 ? void 0 : _a.call(swiper, getBooleanValueByInput(getStandardisedOptionByAttrs(vnode, ComponentPropNames.DeleteInstanceOnDestroy)), getBooleanValueByInput(getStandardisedOptionByAttrs(vnode, ComponentPropNames.CleanupStylesOnDestroy)));
-                }
-            }
-        }
-    };
-}/**
- * @file vue-awesome-swiper
- * @module SwiperComponent
- * @author Surmon <https://github.com/surmon-china>
- */
-var SlotNames;
-(function (SlotNames) {
-    SlotNames["ParallaxBg"] = "parallax-bg";
-    SlotNames["Pagination"] = "pagination";
-    SlotNames["Scrollbar"] = "scrollbar";
-    SlotNames["PrevButton"] = "button-prev";
-    SlotNames["NextButton"] = "button-next";
-})(SlotNames || (SlotNames = {}));
-function getSwiperComponent(SwiperClass) {
-    var _a;
-    return Vue.extend({
-        name: CoreNames.SwiperComponent,
-        props: (_a = {
-                defaultOptions: {
-                    type: Object,
-                    required: false,
-                    default: function () { return ({}); }
-                },
-                // eslint-disable-next-line vue/require-default-prop
-                options: {
-                    type: Object,
-                    required: false
-                }
-            },
-            _a[ComponentPropNames.AutoUpdate] = {
-                type: Boolean,
-                default: true
-            },
-            // https://github.com/surmon-china/vue-awesome-swiper/pull/550/files
-            _a[ComponentPropNames.AutoDestroy] = {
-                type: Boolean,
-                default: true
-            },
-            // https://github.com/surmon-china/vue-awesome-swiper/pull/388
-            _a[ComponentPropNames.DeleteInstanceOnDestroy] = {
-                type: Boolean,
-                required: false,
-                default: true
-            },
-            _a[ComponentPropNames.CleanupStylesOnDestroy] = {
-                type: Boolean,
-                required: false,
-                default: true
-            },
-            _a),
-        data: function () {
-            var _a;
-            return _a = {},
-                _a[CoreNames.SwiperInstance] = null,
-                _a;
-        },
-        computed: {
-            swiperInstance: {
-                cache: false,
-                set: function (swiper) {
-                    this[CoreNames.SwiperInstance] = swiper;
-                },
-                get: function () {
-                    return this[CoreNames.SwiperInstance];
-                }
-            },
-            swiperOptions: function () {
-                return this.options || this.defaultOptions;
-            },
-            wrapperClass: function () {
-                return this.swiperOptions.wrapperClass || DEFAULT_CLASSES.wrapperClass;
-            }
-        },
-        methods: {
-            // Feature: click event
-            handleSwiperClick: function (event) {
-                handleClickSlideEvent(this.swiperInstance, event, this.$emit.bind(this));
-            },
-            autoReLoopSwiper: function () {
-                var _a, _b;
-                if (this.swiperInstance && this.swiperOptions.loop) {
-                    // https://github.com/surmon-china/vue-awesome-swiper/issues/593
-                    // https://github.com/surmon-china/vue-awesome-swiper/issues/544
-                    // https://github.com/surmon-china/vue-awesome-swiper/pull/545/files
-                    var swiper = this.swiperInstance;
-                    (_a = swiper === null || swiper === void 0 ? void 0 : swiper.loopDestroy) === null || _a === void 0 ? void 0 : _a.call(swiper);
-                    (_b = swiper === null || swiper === void 0 ? void 0 : swiper.loopCreate) === null || _b === void 0 ? void 0 : _b.call(swiper);
-                }
-            },
-            updateSwiper: function () {
-                var _a, _b, _c, _d, _e, _f, _g, _h;
-                if (this[ComponentPropNames.AutoUpdate] && this.swiperInstance) {
-                    this.autoReLoopSwiper();
-                    (_b = (_a = this.swiperInstance) === null || _a === void 0 ? void 0 : _a.update) === null || _b === void 0 ? void 0 : _b.call(_a);
-                    (_d = (_c = this.swiperInstance.navigation) === null || _c === void 0 ? void 0 : _c.update) === null || _d === void 0 ? void 0 : _d.call(_c);
-                    (_f = (_e = this.swiperInstance.pagination) === null || _e === void 0 ? void 0 : _e.render) === null || _f === void 0 ? void 0 : _f.call(_e);
-                    (_h = (_g = this.swiperInstance.pagination) === null || _g === void 0 ? void 0 : _g.update) === null || _h === void 0 ? void 0 : _h.call(_g);
-                }
-            },
-            destroySwiper: function () {
-                var _a, _b;
-                if (this[ComponentPropNames.AutoDestroy] && this.swiperInstance) {
-                    // https://github.com/surmon-china/vue-awesome-swiper/pull/341
-                    // https://github.com/surmon-china/vue-awesome-swiper/issues/340
-                    if (this.swiperInstance.initialized) {
-                        (_b = (_a = this.swiperInstance) === null || _a === void 0 ? void 0 : _a.destroy) === null || _b === void 0 ? void 0 : _b.call(_a, this[ComponentPropNames.DeleteInstanceOnDestroy], this[ComponentPropNames.CleanupStylesOnDestroy]);
-                    }
-                }
-            },
-            initSwiper: function () {
-                this.swiperInstance = new SwiperClass(this.$el, this.swiperOptions);
-                bindSwiperEvents(this.swiperInstance, this.$emit.bind(this));
-                this.$emit(ComponentEvents.Ready, this.swiperInstance);
-            }
-        },
-        mounted: function () {
-            if (!this.swiperInstance) {
-                this.initSwiper();
-            }
-        },
-        // Update swiper when the parent component activated with `keep-alive`.
-        activated: function () {
-            this.updateSwiper();
-        },
-        updated: function () {
-            this.updateSwiper();
-        },
-        beforeDestroy: function () {
-            // https://github.com/surmon-china/vue-awesome-swiper/commit/2924a9d4d3d1cf51c0d46076410b1f804b2b8a43#diff-7f4e0261ac562c0f354cb91a1ca8864f
-            this.$nextTick(this.destroySwiper);
-        },
-        render: function (createElement) {
-            return createElement('div', {
-                staticClass: DEFAULT_CLASSES.containerClass,
-                on: {
-                    click: this.handleSwiperClick
-                }
-            }, [
-                this.$slots[SlotNames.ParallaxBg],
-                createElement('div', {
-                    class: this.wrapperClass
-                }, this.$slots.default),
-                this.$slots[SlotNames.Pagination],
-                this.$slots[SlotNames.PrevButton],
-                this.$slots[SlotNames.NextButton],
-                this.$slots[SlotNames.Scrollbar]
-            ]);
-        }
-    });
-}/**
- * @file vue-awesome-swiper
- * @module SwiperSlideComponent
- * @author Surmon <https://github.com/surmon-china>
- */
-var SwiperSlideComponent = Vue.extend({
-    name: CoreNames.SwiperSlideComponent,
-    computed: {
-        slideClass: function () {
-            var _a, _b;
-            return ((_b = (_a = this.$parent) === null || _a === void 0 ? void 0 : _a.swiperOptions) === null || _b === void 0 ? void 0 : _b.slideClass) || DEFAULT_CLASSES.slideClass;
-        }
-    },
-    methods: {
-        update: function () {
-            var _a;
-            var parent = this.$parent;
-            // https://github.com/surmon-china/vue-awesome-swiper/issues/632
-            if (parent[ComponentPropNames.AutoUpdate]) {
-                (_a = parent === null || parent === void 0 ? void 0 : parent.swiperInstance) === null || _a === void 0 ? void 0 : _a.update();
-            }
-        }
-    },
-    mounted: function () {
-        this.update();
-    },
-    updated: function () {
-        this.update();
-    },
-    render: function (createElement) {
-        return createElement('div', {
-            class: this.slideClass
-        }, this.$slots.default);
-    }
-});/**
- * @file vue-awesome-swiper
- * @module exporter
- * @author Surmon <https://github.com/surmon-china>
- */
-var getInstaller = function (SwiperClass) {
-    var install = function (Vue, globalOptions) {
-        if (install.installed)
-            { return; }
-        var SwiperComponent = getSwiperComponent(SwiperClass);
-        if (globalOptions) {
-            SwiperComponent.options.props.defaultOptions.default = function () { return globalOptions; };
-        }
-        Vue.component(CoreNames.SwiperComponent, SwiperComponent);
-        Vue.component(CoreNames.SwiperSlideComponent, SwiperSlideComponent);
-        Vue.directive(CoreNames.SwiperDirective, getDirective(SwiperClass, globalOptions));
-        install.installed = true;
-    };
-    return install;
-};
-function exporter(SwiperClass) {
-    var _a;
-    return _a = {
-            version: '4.1.1',
-            install: getInstaller(SwiperClass),
-            directive: getDirective(SwiperClass)
-        },
-        _a[CoreNames.SwiperComponent] = getSwiperComponent(SwiperClass),
-        _a[CoreNames.SwiperSlideComponent] = SwiperSlideComponent,
-        _a;
-}/**
- * @file vue-awesome-swiper
- * @module default-export
- * @author Surmon <https://github.com/surmon-china>
- */
-var VueAwesomeSwiper = exporter(SwiperClass);
-var version = VueAwesomeSwiper.version;
-var install = VueAwesomeSwiper.install;
-var directive = VueAwesomeSwiper.directive;
-var Swiper = VueAwesomeSwiper.Swiper;
-var SwiperSlide = VueAwesomeSwiper.SwiperSlide;exports.Swiper=Swiper;exports.SwiperSlide=SwiperSlide;exports.default=VueAwesomeSwiper;exports.directive=directive;exports.install=install;exports.version=version;Object.defineProperty(exports,'__esModule',{value:true});})));
-
-/***/ }),
-
-/***/ "b061":
-/***/ (function(module, exports) {
-
-var g;
-
-// This works in non-strict mode
-g = (function() {
-	return this;
-})();
-
-try {
-	// This works if eval is allowed (see CSP)
-	g = g || new Function("return this")();
-} catch (e) {
-	// This works if the window reference is available
-	if (typeof window === "object") g = window;
-}
-
-// g can still be undefined, but nothing to do about it...
-// We return undefined, instead of nothing here, so it's
-// easier to handle this case. if(!global) { ...}
-
-module.exports = g;
-
-
-/***/ }),
-
-/***/ "b156":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
-/***/ "b61c":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
+/***/ "b61c":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
 
 /***/ }),
 
@@ -4687,126 +4202,7 @@ module.exports = DESCRIPTORS && fails(function () {
 
 /***/ }),
 
-/***/ "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 :taskCategoryID=\"taskCategoryID\" :initSelectItem=\"initNode\" @on-import-success=\"onQuery\" @on-select=\"onNodeSelect\" @on-tree-data=\"onTreeData\">\r\n            </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 && !isContainsPublished) ? '' : '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                <template v-if=\"list&&list.length\">\r\n                    <i-table class=\"diy-table diy-table-scorll\" :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=\"authFlag\" slot-scope=\"{row,index}\">\r\n                            <i-switch class=\"diy-switch\" :value=\"row.authFlag\" :true-value=\"1\" :false-value=\"0\" @on-change=\"onAuthFlagChange($event, row, index)\">\r\n                                <span slot=\"open\">是</span>\r\n                                <span slot=\"close\">否</span>\r\n                            </i-switch>\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=\"onDetail(row)\" title=\"查看\" class=\"iconfont icon-a-xinzengzhibiaobeifen9\"></i>\r\n                                <i @click=\"onCopy(row)\" title=\"复制\" class=\"iconfont icon-fuzhi1\"> </i>\r\n                                <template v-if=\"row.status!=='PUBLISHED'\">\r\n                                    <i @click=\"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                </template>\r\n                <template v-else>\r\n                    <div class=\"table-no-data\">\r\n                        <div class=\"table-no-data-bg\"></div>\r\n                        <div class=\"table-no-data-text\">暂无数据</div>\r\n                    </div>\r\n                </template>\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"
-
-/***/ }),
-
-/***/ "cd69":
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var ceil = Math.ceil;
-var floor = Math.floor;
-
-// `Math.trunc` method
-// https://tc39.es/ecma262/#sec-math.trunc
-// eslint-disable-next-line es/no-math-trunc -- safe
-module.exports = Math.trunc || function trunc(x) {
-  var n = +x;
-  return (n > 0 ? floor : ceil)(n);
-};
-
-
-/***/ }),
-
-/***/ "ce8f":
-/***/ (function(module, exports) {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE_ce8f__;
-
-/***/ }),
-
-/***/ "ce97":
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var classof = __webpack_require__("aaa6");
-
-var $String = String;
-
-module.exports = function (argument) {
-  if (classof(argument) === 'Symbol') throw new TypeError('Cannot convert a Symbol value to a string');
-  return $String(argument);
-};
-
-
-/***/ }),
-
-/***/ "cebe":
-/***/ (function(module, exports) {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE_cebe__;
-
-/***/ }),
-
-/***/ "cf8c":
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var toIndexedObject = __webpack_require__("485f");
-var toAbsoluteIndex = __webpack_require__("575c");
-var lengthOfArrayLike = __webpack_require__("d631");
-
-// `Array.prototype.{ indexOf, includes }` methods implementation
-var createMethod = function (IS_INCLUDES) {
-  return function ($this, el, fromIndex) {
-    var O = toIndexedObject($this);
-    var length = lengthOfArrayLike(O);
-    var index = toAbsoluteIndex(fromIndex, length);
-    var value;
-    // Array#includes uses SameValueZero equality algorithm
-    // eslint-disable-next-line no-self-compare -- NaN check
-    if (IS_INCLUDES && el !== el) while (length > index) {
-      value = O[index++];
-      // eslint-disable-next-line no-self-compare -- NaN check
-      if (value !== value) return true;
-    // Array#indexOf ignores holes, Array#includes - not
-    } else for (;length > index; index++) {
-      if ((IS_INCLUDES || index in O) && O[index] === el) return IS_INCLUDES || index || 0;
-    } return !IS_INCLUDES && -1;
-  };
-};
-
-module.exports = {
-  // `Array.prototype.includes` method
-  // https://tc39.es/ecma262/#sec-array.prototype.includes
-  includes: createMethod(true),
-  // `Array.prototype.indexOf` method
-  // https://tc39.es/ecma262/#sec-array.prototype.indexof
-  indexOf: createMethod(false)
-};
-
-
-/***/ }),
-
-/***/ "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"
-
-/***/ }),
-
-/***/ "cfde":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
-/***/ "d30a":
-/***/ (function(module, exports) {
-
-module.exports = "<div class=\"u-selector-tree-node\" @click=\"onClickNode\">\r\n    <i-icon v-if=\"!data.children\" type=\"ios-bookmark-outline\" />\r\n    <template v-else>\r\n<!--        <i-->\r\n<!--            class=\"iconfont\"-->\r\n<!--            :class=\"data.expand? 'icon-expand': 'icon-unexpand'\"-->\r\n<!--        ></i>-->\r\n        <i class=\"iconfont icon-bumenkaohe\"></i>\r\n    </template>\r\n    <span>{{data.title}}</span>\r\n</div>\r\n"
-
-/***/ }),
-
-/***/ "d345":
+/***/ "cb40":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -4821,7 +4217,7 @@ __webpack_require__.d(__webpack_exports__, "ProjectDetail", function() { return
 __webpack_require__.d(__webpack_exports__, "ProjectList", function() { return /* reexport */ views_project_list; });
 __webpack_require__.d(__webpack_exports__, "injectEnableUserCenterCookie", function() { return /* reexport */ injectEnableUserCenterCookie; });
 
-// CONCATENATED MODULE: ./node_modules/.pnpm/@vue+cli-service@4.5.19_4j72uuzxhpprprr3owyhj65lvq/node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js
+// CONCATENATED MODULE: ./node_modules/.pnpm/@vue+cli-service@4.5.19_raw-loader@1.0.0_sass-load_6c5aczzntsl4dewyqjyegjkf6q/node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js
 // This file is imported into lib/wc client bundles.
 
 if (typeof window !== 'undefined') {
@@ -10591,10 +9987,19 @@ var project_comment = __webpack_require__("65e5");
 var dist = __webpack_require__("7af4");
 var dist_default = /*#__PURE__*/__webpack_require__.n(dist);
 
+// EXTERNAL MODULE: ./node_modules/.pnpm/core-js@3.35.0/node_modules/core-js/modules/es.error.cause.js
+var es_error_cause = __webpack_require__("0ddb");
+
 // CONCATENATED MODULE: ./src/views/project-detail/service.ts
 
 
 
+
+
+
+
+
+
 var service_ApiService = /** @class */function (_super) {
   __extends(ApiService, _super);
   function ApiService() {
@@ -10646,6 +10051,90 @@ var service_ApiService = /** @class */function (_super) {
   ApiService.prototype.runWithFile = function (apiId, data) {
     return this._post("/unity/api/run/".concat(apiId, "/exec"), data);
   };
+  ApiService.prototype.runStream = function (apiId, apiInfo, handlers) {
+    var _a, _b;
+    if (handlers === void 0) {
+      handlers = {};
+    }
+    return __awaiter(this, void 0, void 0, function () {
+      var config, queryString, requestUrl, response, responseHeaders, reader, decoder, originalContent, size, _c, done, value, chunk;
+      return __generator(this, function (_d) {
+        switch (_d.label) {
+          case 0:
+            config = {
+              method: "POST",
+              baseURL: window.location.origin,
+              url: this.url("/unity/api/run/".concat(apiId, "/web")),
+              data: apiInfo,
+              headers: __assign({
+                "Content-Type": "application/json"
+              }, getToken().headers),
+              params: {}
+            };
+            signature.signatureConfig(config);
+            queryString = new URLSearchParams(config.params).toString();
+            requestUrl = queryString ? "".concat(config.url, "?").concat(queryString) : "".concat(config.url);
+            return [4 /*yield*/, fetch(requestUrl, {
+              method: "POST",
+              headers: config.headers,
+              body: JSON.stringify(apiInfo)
+            })];
+          case 1:
+            response = _d.sent();
+            responseHeaders = {};
+            response.headers.forEach(function (value, key) {
+              responseHeaders[key] = value;
+            });
+            (_a = handlers.onHeaders) === null || _a === void 0 ? void 0 : _a.call(handlers, {
+              code: response.status,
+              responseHeaders: responseHeaders
+            });
+            if (!response.ok) {
+              throw new Error("\u8BF7\u6C42\u5931\u8D25(".concat(response.status, ")"));
+            }
+            if (!response.body) {
+              return [2 /*return*/, {
+                code: response.status,
+                responseHeaders: responseHeaders,
+                originalContent: "",
+                size: 0
+              }];
+            }
+            reader = response.body.getReader();
+            decoder = new TextDecoder("utf-8");
+            originalContent = "";
+            size = 0;
+            _d.label = 2;
+          case 2:
+            if (false) {}
+            return [4 /*yield*/, reader.read()];
+          case 3:
+            _c = _d.sent(), done = _c.done, value = _c.value;
+            if (done) {
+              originalContent += decoder.decode();
+              return [3 /*break*/, 4];
+            }
+            chunk = decoder.decode(value, {
+              stream: true
+            });
+            originalContent += chunk;
+            size += (value === null || value === void 0 ? void 0 : value.length) || 0;
+            (_b = handlers.onChunk) === null || _b === void 0 ? void 0 : _b.call(handlers, {
+              chunk: chunk,
+              size: size
+            });
+            return [3 /*break*/, 2];
+          case 4:
+            return [2 /*return*/, {
+              code: response.status,
+              responseHeaders: responseHeaders,
+              originalContent: originalContent,
+              size: size
+            }];
+        }
+      });
+    });
+  };
   ApiService.prototype.saveApiInfo = function (apiInfo) {
     return this._post("/unity/api/info/save/whole", apiInfo);
   };
@@ -11395,8 +10884,8 @@ var environment_variable_modal_EnvironmentVariableModal = /** @class */function
 // EXTERNAL MODULE: ./src/views/project-detail/index.scss
 var project_detail = __webpack_require__("fe54");
 
-// EXTERNAL MODULE: ./node_modules/.pnpm/core-js@3.35.0/node_modules/core-js/modules/es.error.cause.js
-var es_error_cause = __webpack_require__("0ddb");
+// EXTERNAL MODULE: ./node_modules/.pnpm/core-js@3.35.0/node_modules/core-js/modules/es.array.reduce.js
+var es_array_reduce = __webpack_require__("8b65");
 
 // CONCATENATED MODULE: ./src/views/project-detail/interface-settings/model.ts
 
@@ -11805,7 +11294,7 @@ var code_editor_CodeEditor = /** @class */function (_super) {
 }(flagwind_web_umd_js_["Component"]);
 /* harmony default export */ var components_code_editor = (code_editor_CodeEditor);
 // EXTERNAL MODULE: ./src/views/project-detail/response/index.scss
-var response = __webpack_require__("aba0");
+var project_detail_response = __webpack_require__("aba0");
 
 // CONCATENATED MODULE: ./src/views/project-detail/response/index.ts
 
@@ -11826,6 +11315,11 @@ var Response = /** @class */function () {
   return Response;
 }();
 
+var ResponseInterfaceInfo = /** @class */function () {
+  function ResponseInterfaceInfo() {}
+  return ResponseInterfaceInfo;
+}();
+
 var response_ResponsePanel = /** @class */function (_super) {
   __extends(ResponsePanel, _super);
   function ResponsePanel() {
@@ -11985,6 +11479,11 @@ var response_ResponsePanel = /** @class */function (_super) {
       return new Response();
     }
   })], ResponsePanel.prototype, "response", void 0);
+  __decorate([Object(flagwind_web_["config"])({
+    default: function () {
+      return new ResponseInterfaceInfo();
+    }
+  })], ResponsePanel.prototype, "interfaceInfo", void 0);
   __decorate([Object(flagwind_web_["watch"])("response", {
     immediate: true,
     deep: false
@@ -11997,7 +11496,7 @@ var response_ResponsePanel = /** @class */function (_super) {
   })], ResponsePanel);
   return ResponsePanel;
 }(base_editor_setting);
-/* harmony default export */ var project_detail_response = (response_ResponsePanel);
+/* harmony default export */ var views_project_detail_response = (response_ResponsePanel);
 // EXTERNAL MODULE: ./src/views/project-detail/after-execution-transfer/index.scss
 var after_execution_transfer = __webpack_require__("8a77");
 
@@ -13345,9 +12844,6 @@ var security_setting_v2_SecuritySettingV2 = /** @class */function (_super) {
   return SecuritySettingV2;
 }(flagwind_web_["Component"]);
 /* harmony default export */ var project_detail_security_setting_v2 = (security_setting_v2_SecuritySettingV2);
-// EXTERNAL MODULE: ./node_modules/.pnpm/core-js@3.35.0/node_modules/core-js/modules/es.array.reduce.js
-var es_array_reduce = __webpack_require__("8b65");
-
 // EXTERNAL MODULE: ./src/views/project-detail/interface-settings/tips-table-label/index.scss
 var tips_table_label = __webpack_require__("0a2e");
 
@@ -14165,6 +13661,7 @@ var process_drawer_InterfaceModal = /** @class */function (_super) {
 
 
 
+
 // import SecuritySetting from "../security-setting";
 
 
@@ -14179,6 +13676,7 @@ var interface_settings_InterfaceSettings = /** @class */function (_super) {
     _this.response = new Response();
     _this.responseCache = new Map();
     _this.loading = false;
+    _this.runLoading = false;
     _this.showEnvironmentModal = false;
     _this.currentId = "";
     _this.paramList = [];
@@ -14257,14 +13755,14 @@ var interface_settings_InterfaceSettings = /** @class */function (_super) {
     });
   };
   InterfaceSettings.prototype.onRun = function () {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d, _e, _f, _g;
     return __awaiter(this, void 0, void 0, function () {
-      var formParams, requestHeaders, index, result, fileFormParams, _model, tmpFormData_1;
+      var formParams, requestHeaders, index, result, fileFormParams, isStreamResponse, response, start_1, streamResult, error_1, _model, tmpFormData_1;
       var _this = this;
-      return __generator(this, function (_g) {
-        switch (_g.label) {
+      return __generator(this, function (_h) {
+        switch (_h.label) {
           case 0:
-            this.loading = true;
+            this.runLoading = true;
             formParams = [];
             requestHeaders = [];
             if (((_a = this.interfaceModel.formParams) === null || _a === void 0 ? void 0 : _a.length) > 0) {
@@ -14287,7 +13785,70 @@ var interface_settings_InterfaceSettings = /** @class */function (_super) {
             fileFormParams = formParams.filter(function (item) {
               return item.valueType === "FILE";
             });
-            if (!fileFormParams.length) return [3 /*break*/, 2];
+            isStreamResponse = ((_d = this.interfaceModel.info) === null || _d === void 0 ? void 0 : _d.streamResponseFlag) === 1;
+            this.loading = !isStreamResponse || !!fileFormParams.length;
+            _h.label = 1;
+          case 1:
+            _h.trys.push([1,, 11, 12]);
+            if (!(isStreamResponse && !fileFormParams.length)) return [3 /*break*/, 6];
+            response = new Response();
+            response.streaming = true;
+            response.requestHeaders = requestHeaders.reduce(function (headers, item) {
+              if (item === null || item === void 0 ? void 0 : item.name) {
+                headers[item.name] = item.value;
+              }
+              return headers;
+            }, {});
+            this.response = response;
+            start_1 = Date.now();
+            _h.label = 2;
+          case 2:
+            _h.trys.push([2, 4,, 5]);
+            return [4 /*yield*/, this.service.runStream(this.interfaceModel.info.id, __assign(__assign({}, this.interfaceModel), {
+              formParams: formParams,
+              requestHeaders: requestHeaders
+            }), {
+              onHeaders: function (_a) {
+                var code = _a.code,
+                  responseHeaders = _a.responseHeaders;
+                _this.response = __assign(__assign({}, _this.response), {
+                  code: code,
+                  responseHeaders: responseHeaders,
+                  time: Date.now() - start_1
+                });
+              },
+              onChunk: function (_a) {
+                var chunk = _a.chunk,
+                  size = _a.size;
+                _this.response = __assign(__assign({}, _this.response), {
+                  originalContent: (_this.response.originalContent || "") + chunk,
+                  size: size,
+                  time: Date.now() - start_1
+                });
+              }
+            })];
+          case 3:
+            streamResult = _h.sent();
+            this.response = __assign(__assign({}, this.response), {
+              code: streamResult.code,
+              responseHeaders: streamResult.responseHeaders,
+              originalContent: streamResult.originalContent,
+              size: streamResult.size,
+              time: Date.now() - start_1
+            });
+            return [3 /*break*/, 5];
+          case 4:
+            error_1 = _h.sent();
+            this.response = __assign(__assign({}, this.response), {
+              code: this.response.code || 500,
+              errorMessage: (error_1 === null || error_1 === void 0 ? void 0 : error_1.message) || "流式请求失败",
+              time: Date.now() - start_1
+            });
+            return [3 /*break*/, 5];
+          case 5:
+            return [3 /*break*/, 10];
+          case 6:
+            if (!fileFormParams.length) return [3 /*break*/, 8];
             _model = __assign(__assign({}, this.interfaceModel), {
               formParams: formParams,
               requestHeaders: requestHeaders
@@ -14298,31 +13859,41 @@ var interface_settings_InterfaceSettings = /** @class */function (_super) {
             });
             tmpFormData_1.append("_model", JSON.stringify(_model));
             return [4 /*yield*/, this.service.runWithFile(this.interfaceModel.info.id, tmpFormData_1)];
-          case 1:
-            result = _g.sent();
-            return [3 /*break*/, 4];
-          case 2:
+          case 7:
+            result = _h.sent();
+            this.response = (result === null || result === void 0 ? void 0 : result.result) || new Response();
+            if (result.hasError) {
+              this.response.code = 400;
+              this.response.errorMessage = result.message;
+            }
+            return [3 /*break*/, 10];
+          case 8:
             return [4 /*yield*/, this.service.run(this.interfaceModel.info.id, __assign(__assign({}, this.interfaceModel), {
               formParams: formParams,
               requestHeaders: requestHeaders
             }))];
-          case 3:
-            result = _g.sent();
-            _g.label = 4;
-          case 4:
-            this.loading = false;
+          case 9:
+            result = _h.sent();
             this.response = (result === null || result === void 0 ? void 0 : result.result) || new Response();
             if (result.hasError) {
               this.response.code = 400;
               this.response.errorMessage = result.message;
             }
+            _h.label = 10;
+          case 10:
             this.responseCache.set(this.interfaceModel.info.id, this.response);
-            if ((_d = this.response.errorLineNumbers) === null || _d === void 0 ? void 0 : _d.length) {
+            if ((_e = this.response.errorLineNumbers) === null || _e === void 0 ? void 0 : _e.length) {
               this.errorLine = this.response.errorLineNumbers;
             } else {
               this.errorLine = null;
             }
-            this.originId = ((_f = (_e = this.interfaceModel) === null || _e === void 0 ? void 0 : _e.info) === null || _f === void 0 ? void 0 : _f.id) || "";
+            this.originId = ((_g = (_f = this.interfaceModel) === null || _f === void 0 ? void 0 : _f.info) === null || _g === void 0 ? void 0 : _g.id) || "";
+            return [3 /*break*/, 12];
+          case 11:
+            this.loading = false;
+            this.runLoading = false;
+            return [7 /*endfinally*/];
+          case 12:
             return [2 /*return*/];
         }
       });
@@ -14367,6 +13938,10 @@ var interface_settings_InterfaceSettings = /** @class */function (_super) {
     });
   };
   InterfaceSettings.prototype.interfaceModelChange = function () {
+    var _a, _b;
+    if (((_b = (_a = this.interfaceModel) === null || _a === void 0 ? void 0 : _a.info) === null || _b === void 0 ? void 0 : _b.streamResponseFlag) !== 1) {
+      this.interfaceModel.info.streamResponseFlag = 0;
+    }
     this.response = this.responseCache.get(this.interfaceModel.info.id) || new Response();
   };
   InterfaceSettings.prototype.showImportModalChange = function (value) {
@@ -14610,7 +14185,7 @@ var interface_settings_InterfaceSettings = /** @class */function (_super) {
   InterfaceSettings = __decorate([Object(flagwind_web_["component"])({
     template: __webpack_require__("f40e"),
     components: {
-      response: project_detail_response,
+      response: views_project_detail_response,
       params: project_detail_params_setting,
       headers: project_detail_headers_setting,
       // security: SecuritySetting,
@@ -15612,8 +15187,8 @@ var tree_ProjectTree = /** @class */function (_super) {
   return ProjectTree;
 }(flagwind_web_["Component"]);
 /* harmony default export */ var views_project_detail_tree = (tree_ProjectTree);
-// EXTERNAL MODULE: ./node_modules/.pnpm/vue-awesome-swiper@4.1.1_swiper@6.8.4+vue@2.7.16/node_modules/vue-awesome-swiper/dist/vue-awesome-swiper.js
-var vue_awesome_swiper = __webpack_require__("b042");
+// EXTERNAL MODULE: ./node_modules/.pnpm/vue-awesome-swiper@4.1.1_swiper@6.8.4_vue@2.7.16/node_modules/vue-awesome-swiper/dist/vue-awesome-swiper.js
+var vue_awesome_swiper = __webpack_require__("ed38");
 
 // CONCATENATED MODULE: ./src/views/project-detail/index.ts
 
@@ -16004,26 +15579,145 @@ var project_detail_ProjectDetail = /** @class */function (_super) {
 
 external_vue_default.a.use(external_halo_math_default.a);
 
-// CONCATENATED MODULE: ./node_modules/.pnpm/@vue+cli-service@4.5.19_4j72uuzxhpprprr3owyhj65lvq/node_modules/@vue/cli-service/lib/commands/build/entry-lib-no-default.js
+// CONCATENATED MODULE: ./node_modules/.pnpm/@vue+cli-service@4.5.19_raw-loader@1.0.0_sass-load_6c5aczzntsl4dewyqjyegjkf6q/node_modules/@vue/cli-service/lib/commands/build/entry-lib-no-default.js
 
 
 
 
 /***/ }),
 
-/***/ "d371":
+/***/ "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 :taskCategoryID=\"taskCategoryID\" :initSelectItem=\"initNode\" @on-import-success=\"onQuery\" @on-select=\"onNodeSelect\" @on-tree-data=\"onTreeData\">\r\n            </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 && !isContainsPublished) ? '' : '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                <template v-if=\"list&&list.length\">\r\n                    <i-table class=\"diy-table diy-table-scorll\" :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=\"authFlag\" slot-scope=\"{row,index}\">\r\n                            <i-switch class=\"diy-switch\" :value=\"row.authFlag\" :true-value=\"1\" :false-value=\"0\" @on-change=\"onAuthFlagChange($event, row, index)\">\r\n                                <span slot=\"open\">是</span>\r\n                                <span slot=\"close\">否</span>\r\n                            </i-switch>\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=\"onDetail(row)\" title=\"查看\" class=\"iconfont icon-a-xinzengzhibiaobeifen9\"></i>\r\n                                <i @click=\"onCopy(row)\" title=\"复制\" class=\"iconfont icon-fuzhi1\"> </i>\r\n                                <template v-if=\"row.status!=='PUBLISHED'\">\r\n                                    <i @click=\"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                </template>\r\n                <template v-else>\r\n                    <div class=\"table-no-data\">\r\n                        <div class=\"table-no-data-bg\"></div>\r\n                        <div class=\"table-no-data-text\">暂无数据</div>\r\n                    </div>\r\n                </template>\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"
+
+/***/ }),
+
+/***/ "cd69":
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
-var DESCRIPTORS = __webpack_require__("e900");
-var uncurryThis = __webpack_require__("720f");
-var defineBuiltInAccessor = __webpack_require__("889b");
-
-var URLSearchParamsPrototype = URLSearchParams.prototype;
-var forEach = uncurryThis(URLSearchParamsPrototype.forEach);
+var ceil = Math.ceil;
+var floor = Math.floor;
 
-// `URLSearchParams.prototype.size` getter
+// `Math.trunc` method
+// https://tc39.es/ecma262/#sec-math.trunc
+// eslint-disable-next-line es/no-math-trunc -- safe
+module.exports = Math.trunc || function trunc(x) {
+  var n = +x;
+  return (n > 0 ? floor : ceil)(n);
+};
+
+
+/***/ }),
+
+/***/ "ce8f":
+/***/ (function(module, exports) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE_ce8f__;
+
+/***/ }),
+
+/***/ "ce97":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var classof = __webpack_require__("aaa6");
+
+var $String = String;
+
+module.exports = function (argument) {
+  if (classof(argument) === 'Symbol') throw new TypeError('Cannot convert a Symbol value to a string');
+  return $String(argument);
+};
+
+
+/***/ }),
+
+/***/ "cebe":
+/***/ (function(module, exports) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE_cebe__;
+
+/***/ }),
+
+/***/ "cf8c":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var toIndexedObject = __webpack_require__("485f");
+var toAbsoluteIndex = __webpack_require__("575c");
+var lengthOfArrayLike = __webpack_require__("d631");
+
+// `Array.prototype.{ indexOf, includes }` methods implementation
+var createMethod = function (IS_INCLUDES) {
+  return function ($this, el, fromIndex) {
+    var O = toIndexedObject($this);
+    var length = lengthOfArrayLike(O);
+    var index = toAbsoluteIndex(fromIndex, length);
+    var value;
+    // Array#includes uses SameValueZero equality algorithm
+    // eslint-disable-next-line no-self-compare -- NaN check
+    if (IS_INCLUDES && el !== el) while (length > index) {
+      value = O[index++];
+      // eslint-disable-next-line no-self-compare -- NaN check
+      if (value !== value) return true;
+    // Array#indexOf ignores holes, Array#includes - not
+    } else for (;length > index; index++) {
+      if ((IS_INCLUDES || index in O) && O[index] === el) return IS_INCLUDES || index || 0;
+    } return !IS_INCLUDES && -1;
+  };
+};
+
+module.exports = {
+  // `Array.prototype.includes` method
+  // https://tc39.es/ecma262/#sec-array.prototype.includes
+  includes: createMethod(true),
+  // `Array.prototype.indexOf` method
+  // https://tc39.es/ecma262/#sec-array.prototype.indexof
+  indexOf: createMethod(false)
+};
+
+
+/***/ }),
+
+/***/ "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"
+
+/***/ }),
+
+/***/ "cfde":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
+/***/ "d30a":
+/***/ (function(module, exports) {
+
+module.exports = "<div class=\"u-selector-tree-node\" @click=\"onClickNode\">\r\n    <i-icon v-if=\"!data.children\" type=\"ios-bookmark-outline\" />\r\n    <template v-else>\r\n<!--        <i-->\r\n<!--            class=\"iconfont\"-->\r\n<!--            :class=\"data.expand? 'icon-expand': 'icon-unexpand'\"-->\r\n<!--        ></i>-->\r\n        <i class=\"iconfont icon-bumenkaohe\"></i>\r\n    </template>\r\n    <span>{{data.title}}</span>\r\n</div>\r\n"
+
+/***/ }),
+
+/***/ "d371":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var DESCRIPTORS = __webpack_require__("e900");
+var uncurryThis = __webpack_require__("720f");
+var defineBuiltInAccessor = __webpack_require__("889b");
+
+var URLSearchParamsPrototype = URLSearchParams.prototype;
+var forEach = uncurryThis(URLSearchParamsPrototype.forEach);
+
+// `URLSearchParams.prototype.size` getter
 // https://github.com/whatwg/url/pull/734
 if (DESCRIPTORS && !('size' in URLSearchParamsPrototype)) {
   defineBuiltInAccessor(URLSearchParamsPrototype, 'size', {
@@ -16508,12 +16202,497 @@ module.exports = NATIVE_SYMBOL
   && typeof Symbol.iterator == 'symbol';
 
 
+/***/ }),
+
+/***/ "ed38":
+/***/ (function(module, exports, __webpack_require__) {
+
+
+/*!
+ * vue-awesome-swiper v4.1.1
+ * Copyright (c) Surmon. All rights reserved.
+ * Released under the MIT License.
+ * Surmon <https://github.com/surmon-china>
+ */
+
+(function(g,f){ true?f(exports,__webpack_require__("d670"),__webpack_require__("8bbf")):undefined;}(this,(function(exports, SwiperClass, Vue){'use strict';SwiperClass=SwiperClass&&Object.prototype.hasOwnProperty.call(SwiperClass,'default')?SwiperClass['default']:SwiperClass;Vue=Vue&&Object.prototype.hasOwnProperty.call(Vue,'default')?Vue['default']:Vue;/**
+ * @file vue-awesome-swiper
+ * @module constants
+ * @author Surmon <https://github.com/surmon-china>
+ */
+var CoreNames;
+(function (CoreNames) {
+    CoreNames["SwiperComponent"] = "Swiper";
+    CoreNames["SwiperSlideComponent"] = "SwiperSlide";
+    CoreNames["SwiperDirective"] = "swiper";
+    CoreNames["SwiperInstance"] = "$swiper";
+})(CoreNames || (CoreNames = {}));
+var DEFAULT_CLASSES = Object.freeze({
+    containerClass: 'swiper-container',
+    wrapperClass: 'swiper-wrapper',
+    slideClass: 'swiper-slide'
+});
+var ComponentEvents;
+(function (ComponentEvents) {
+    ComponentEvents["Ready"] = "ready";
+    ComponentEvents["ClickSlide"] = "clickSlide";
+})(ComponentEvents || (ComponentEvents = {}));
+var ComponentPropNames;
+(function (ComponentPropNames) {
+    ComponentPropNames["AutoUpdate"] = "autoUpdate";
+    ComponentPropNames["AutoDestroy"] = "autoDestroy";
+    ComponentPropNames["DeleteInstanceOnDestroy"] = "deleteInstanceOnDestroy";
+    ComponentPropNames["CleanupStylesOnDestroy"] = "cleanupStylesOnDestroy";
+})(ComponentPropNames || (ComponentPropNames = {}));
+// https://swiperjs.com/api/#events
+var SWIPER_EVENTS = [
+    'init',
+    'beforeDestroy',
+    'slideChange',
+    'slideChangeTransitionStart',
+    'slideChangeTransitionEnd',
+    'slideNextTransitionStart',
+    'slideNextTransitionEnd',
+    'slidePrevTransitionStart',
+    'slidePrevTransitionEnd',
+    'transitionStart',
+    'transitionEnd',
+    'touchStart',
+    'touchMove',
+    'touchMoveOpposite',
+    'sliderMove',
+    'touchEnd',
+    'click',
+    'tap',
+    'doubleTap',
+    'imagesReady',
+    'progress',
+    'reachBeginning',
+    'reachEnd',
+    'fromEdge',
+    'setTranslate',
+    'setTransition',
+    'resize',
+    'observerUpdate',
+    'beforeLoopFix',
+    'loopFix'
+];/*! *****************************************************************************
+Copyright (c) Microsoft Corporation. All rights reserved.
+Licensed under the Apache License, Version 2.0 (the "License"); you may not use
+this file except in compliance with the License. You may obtain a copy of the
+License at http://www.apache.org/licenses/LICENSE-2.0
+
+THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
+WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
+MERCHANTABLITY OR NON-INFRINGEMENT.
+
+See the Apache Version 2.0 License for specific language governing permissions
+and limitations under the License.
+***************************************************************************** */
+
+function __spreadArrays() {
+    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
+    for (var r = Array(s), k = 0, i = 0; i < il; i++)
+        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
+            r[k] = a[j];
+    return r;
+}/**
+ * @file vue-awesome-swiper
+ * @module utils
+ * @author Surmon <https://github.com/surmon-china>
+ */
+var kebabcase = function (string) {
+    return string
+        .replace(/([a-z])([A-Z])/g, '$1-$2')
+        .replace(/\s+/g, '-')
+        .toLowerCase();
+};/**
+ * @file vue-awesome-swiper
+ * @module event
+ * @author Surmon <https://github.com/surmon-china>
+ */
+var handleClickSlideEvent = function (swiper, event, emit) {
+    var _a, _b, _c;
+    if (swiper && !(swiper.destroyed)) {
+        var eventPath = ((_a = event.composedPath) === null || _a === void 0 ? void 0 : _a.call(event)) || event.path;
+        if ((event === null || event === void 0 ? void 0 : event.target) && eventPath) {
+            var slides_1 = Array.from(swiper.slides);
+            var paths = Array.from(eventPath);
+            // Click slide || slide[children]
+            if (slides_1.includes(event.target) || paths.some(function (item) { return slides_1.includes(item); })) {
+                var clickedIndex = swiper.clickedIndex;
+                var reallyIndex = Number((_c = (_b = swiper.clickedSlide) === null || _b === void 0 ? void 0 : _b.dataset) === null || _c === void 0 ? void 0 : _c.swiperSlideIndex);
+                var reallyIndexValue = Number.isInteger(reallyIndex) ? reallyIndex : null;
+                emit(ComponentEvents.ClickSlide, clickedIndex, reallyIndexValue);
+                emit(kebabcase(ComponentEvents.ClickSlide), clickedIndex, reallyIndexValue);
+            }
+        }
+    }
+};
+var bindSwiperEvents = function (swiper, emit) {
+    SWIPER_EVENTS.forEach(function (eventName) {
+        swiper.on(eventName, function () {
+            var arguments$1 = arguments;
+
+            var args = [];
+            for (var _i = 0; _i < arguments.length; _i++) {
+                args[_i] = arguments$1[_i];
+            }
+            emit.apply(void 0, __spreadArrays([eventName], args));
+            var kebabcaseName = kebabcase(eventName);
+            if (kebabcaseName !== eventName) {
+                emit.apply(void 0, __spreadArrays([kebabcaseName], args));
+            }
+        });
+    });
+};/**
+ * @file vue-awesome-swiper
+ * @module directive
+ * @author Surmon <https://github.com/surmon-china>
+ */
+var INSTANCE_NAME_KEY = 'instanceName';
+function getDirective(SwiperClass, globalOptions) {
+    var getStandardisedOptionByAttrs = function (vnode, key) {
+        var _a, _b, _c, _d;
+        var value = (_b = (_a = vnode.data) === null || _a === void 0 ? void 0 : _a.attrs) === null || _b === void 0 ? void 0 : _b[key];
+        return value !== undefined
+            ? value
+            : (_d = (_c = vnode.data) === null || _c === void 0 ? void 0 : _c.attrs) === null || _d === void 0 ? void 0 : _d[kebabcase(key)];
+    };
+    // Get swiper instace name in directive
+    var getSwiperInstanceName = function (element, binding, vnode) {
+        return (binding.arg ||
+            getStandardisedOptionByAttrs(vnode, INSTANCE_NAME_KEY) ||
+            element.id ||
+            CoreNames.SwiperInstance);
+    };
+    var getSwiperInstance = function (element, binding, vnode) {
+        var instanceName = getSwiperInstanceName(element, binding, vnode);
+        return vnode.context[instanceName] || null;
+    };
+    var getSwipeOptions = function (binding) {
+        return binding.value || globalOptions;
+    };
+    var getBooleanValueByInput = function (input) {
+        return [true, undefined, null, ''].includes(input);
+    };
+    // Emit event in Vue directive
+    var getEventEmiter = function (vnode) {
+        var _a, _b;
+        var handlers = ((_a = vnode.data) === null || _a === void 0 ? void 0 : _a.on) || ((_b = vnode.componentOptions) === null || _b === void 0 ? void 0 : _b.listeners);
+        return function (name) {
+            var arguments$1 = arguments;
+
+            var args = [];
+            for (var _i = 1; _i < arguments.length; _i++) {
+                args[_i - 1] = arguments$1[_i];
+            }
+            var _a;
+            var handle = (_a = handlers) === null || _a === void 0 ? void 0 : _a[name];
+            if (handle) {
+                handle.fns.apply(handle, args);
+            }
+        };
+    };
+    return {
+        // Init
+        bind: function (element, binding, vnode) {
+            // auto class name
+            if (element.className.indexOf(DEFAULT_CLASSES.containerClass) === -1) {
+                element.className += ((element.className ? ' ' : '') + DEFAULT_CLASSES.containerClass);
+            }
+            // bind click event
+            element.addEventListener('click', function (event) {
+                var emitEvent = getEventEmiter(vnode);
+                var swiper = getSwiperInstance(element, binding, vnode);
+                handleClickSlideEvent(swiper, event, emitEvent);
+            });
+        },
+        // DOM inserted
+        inserted: function (element, binding, vnode) {
+            var context = vnode.context;
+            var swiperOptions = getSwipeOptions(binding);
+            var instanceName = getSwiperInstanceName(element, binding, vnode);
+            var emitEvent = getEventEmiter(vnode);
+            var vueContext = context;
+            var swiper = vueContext === null || vueContext === void 0 ? void 0 : vueContext[instanceName];
+            // Swiper will destroy but not delete instance, when used <keep-alive>
+            if (!swiper || swiper.destroyed) {
+                swiper = new SwiperClass(element, swiperOptions);
+                vueContext[instanceName] = swiper;
+                bindSwiperEvents(swiper, emitEvent);
+                emitEvent(ComponentEvents.Ready, swiper);
+                // MARK: Reinstance when the nexttick with <keep-alive>
+                // Vue.nextTick(instancing) | setTimeout(instancing)
+            }
+        },
+        // On options changed or DOM updated
+        componentUpdated: function (element, binding, vnode) {
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+            var autoUpdate = getStandardisedOptionByAttrs(vnode, ComponentPropNames.AutoUpdate);
+            if (getBooleanValueByInput(autoUpdate)) {
+                var swiper = getSwiperInstance(element, binding, vnode);
+                if (swiper) {
+                    var swiperOptions = getSwipeOptions(binding);
+                    var isLoop = swiperOptions.loop;
+                    if (isLoop) {
+                        (_b = (_a = swiper) === null || _a === void 0 ? void 0 : _a.loopDestroy) === null || _b === void 0 ? void 0 : _b.call(_a);
+                    }
+                    (_c = swiper === null || swiper === void 0 ? void 0 : swiper.update) === null || _c === void 0 ? void 0 : _c.call(swiper);
+                    (_e = (_d = swiper.navigation) === null || _d === void 0 ? void 0 : _d.update) === null || _e === void 0 ? void 0 : _e.call(_d);
+                    (_g = (_f = swiper.pagination) === null || _f === void 0 ? void 0 : _f.render) === null || _g === void 0 ? void 0 : _g.call(_f);
+                    (_j = (_h = swiper.pagination) === null || _h === void 0 ? void 0 : _h.update) === null || _j === void 0 ? void 0 : _j.call(_h);
+                    if (isLoop) {
+                        (_l = (_k = swiper) === null || _k === void 0 ? void 0 : _k.loopCreate) === null || _l === void 0 ? void 0 : _l.call(_k);
+                        (_m = swiper === null || swiper === void 0 ? void 0 : swiper.update) === null || _m === void 0 ? void 0 : _m.call(swiper);
+                    }
+                }
+            }
+        },
+        // Destroy this directive
+        unbind: function (element, binding, vnode) {
+            var _a;
+            var autoDestroy = getStandardisedOptionByAttrs(vnode, ComponentPropNames.AutoDestroy);
+            if (getBooleanValueByInput(autoDestroy)) {
+                var swiper = getSwiperInstance(element, binding, vnode);
+                if (swiper && swiper.initialized) {
+                    (_a = swiper === null || swiper === void 0 ? void 0 : swiper.destroy) === null || _a === void 0 ? void 0 : _a.call(swiper, getBooleanValueByInput(getStandardisedOptionByAttrs(vnode, ComponentPropNames.DeleteInstanceOnDestroy)), getBooleanValueByInput(getStandardisedOptionByAttrs(vnode, ComponentPropNames.CleanupStylesOnDestroy)));
+                }
+            }
+        }
+    };
+}/**
+ * @file vue-awesome-swiper
+ * @module SwiperComponent
+ * @author Surmon <https://github.com/surmon-china>
+ */
+var SlotNames;
+(function (SlotNames) {
+    SlotNames["ParallaxBg"] = "parallax-bg";
+    SlotNames["Pagination"] = "pagination";
+    SlotNames["Scrollbar"] = "scrollbar";
+    SlotNames["PrevButton"] = "button-prev";
+    SlotNames["NextButton"] = "button-next";
+})(SlotNames || (SlotNames = {}));
+function getSwiperComponent(SwiperClass) {
+    var _a;
+    return Vue.extend({
+        name: CoreNames.SwiperComponent,
+        props: (_a = {
+                defaultOptions: {
+                    type: Object,
+                    required: false,
+                    default: function () { return ({}); }
+                },
+                // eslint-disable-next-line vue/require-default-prop
+                options: {
+                    type: Object,
+                    required: false
+                }
+            },
+            _a[ComponentPropNames.AutoUpdate] = {
+                type: Boolean,
+                default: true
+            },
+            // https://github.com/surmon-china/vue-awesome-swiper/pull/550/files
+            _a[ComponentPropNames.AutoDestroy] = {
+                type: Boolean,
+                default: true
+            },
+            // https://github.com/surmon-china/vue-awesome-swiper/pull/388
+            _a[ComponentPropNames.DeleteInstanceOnDestroy] = {
+                type: Boolean,
+                required: false,
+                default: true
+            },
+            _a[ComponentPropNames.CleanupStylesOnDestroy] = {
+                type: Boolean,
+                required: false,
+                default: true
+            },
+            _a),
+        data: function () {
+            var _a;
+            return _a = {},
+                _a[CoreNames.SwiperInstance] = null,
+                _a;
+        },
+        computed: {
+            swiperInstance: {
+                cache: false,
+                set: function (swiper) {
+                    this[CoreNames.SwiperInstance] = swiper;
+                },
+                get: function () {
+                    return this[CoreNames.SwiperInstance];
+                }
+            },
+            swiperOptions: function () {
+                return this.options || this.defaultOptions;
+            },
+            wrapperClass: function () {
+                return this.swiperOptions.wrapperClass || DEFAULT_CLASSES.wrapperClass;
+            }
+        },
+        methods: {
+            // Feature: click event
+            handleSwiperClick: function (event) {
+                handleClickSlideEvent(this.swiperInstance, event, this.$emit.bind(this));
+            },
+            autoReLoopSwiper: function () {
+                var _a, _b;
+                if (this.swiperInstance && this.swiperOptions.loop) {
+                    // https://github.com/surmon-china/vue-awesome-swiper/issues/593
+                    // https://github.com/surmon-china/vue-awesome-swiper/issues/544
+                    // https://github.com/surmon-china/vue-awesome-swiper/pull/545/files
+                    var swiper = this.swiperInstance;
+                    (_a = swiper === null || swiper === void 0 ? void 0 : swiper.loopDestroy) === null || _a === void 0 ? void 0 : _a.call(swiper);
+                    (_b = swiper === null || swiper === void 0 ? void 0 : swiper.loopCreate) === null || _b === void 0 ? void 0 : _b.call(swiper);
+                }
+            },
+            updateSwiper: function () {
+                var _a, _b, _c, _d, _e, _f, _g, _h;
+                if (this[ComponentPropNames.AutoUpdate] && this.swiperInstance) {
+                    this.autoReLoopSwiper();
+                    (_b = (_a = this.swiperInstance) === null || _a === void 0 ? void 0 : _a.update) === null || _b === void 0 ? void 0 : _b.call(_a);
+                    (_d = (_c = this.swiperInstance.navigation) === null || _c === void 0 ? void 0 : _c.update) === null || _d === void 0 ? void 0 : _d.call(_c);
+                    (_f = (_e = this.swiperInstance.pagination) === null || _e === void 0 ? void 0 : _e.render) === null || _f === void 0 ? void 0 : _f.call(_e);
+                    (_h = (_g = this.swiperInstance.pagination) === null || _g === void 0 ? void 0 : _g.update) === null || _h === void 0 ? void 0 : _h.call(_g);
+                }
+            },
+            destroySwiper: function () {
+                var _a, _b;
+                if (this[ComponentPropNames.AutoDestroy] && this.swiperInstance) {
+                    // https://github.com/surmon-china/vue-awesome-swiper/pull/341
+                    // https://github.com/surmon-china/vue-awesome-swiper/issues/340
+                    if (this.swiperInstance.initialized) {
+                        (_b = (_a = this.swiperInstance) === null || _a === void 0 ? void 0 : _a.destroy) === null || _b === void 0 ? void 0 : _b.call(_a, this[ComponentPropNames.DeleteInstanceOnDestroy], this[ComponentPropNames.CleanupStylesOnDestroy]);
+                    }
+                }
+            },
+            initSwiper: function () {
+                this.swiperInstance = new SwiperClass(this.$el, this.swiperOptions);
+                bindSwiperEvents(this.swiperInstance, this.$emit.bind(this));
+                this.$emit(ComponentEvents.Ready, this.swiperInstance);
+            }
+        },
+        mounted: function () {
+            if (!this.swiperInstance) {
+                this.initSwiper();
+            }
+        },
+        // Update swiper when the parent component activated with `keep-alive`.
+        activated: function () {
+            this.updateSwiper();
+        },
+        updated: function () {
+            this.updateSwiper();
+        },
+        beforeDestroy: function () {
+            // https://github.com/surmon-china/vue-awesome-swiper/commit/2924a9d4d3d1cf51c0d46076410b1f804b2b8a43#diff-7f4e0261ac562c0f354cb91a1ca8864f
+            this.$nextTick(this.destroySwiper);
+        },
+        render: function (createElement) {
+            return createElement('div', {
+                staticClass: DEFAULT_CLASSES.containerClass,
+                on: {
+                    click: this.handleSwiperClick
+                }
+            }, [
+                this.$slots[SlotNames.ParallaxBg],
+                createElement('div', {
+                    class: this.wrapperClass
+                }, this.$slots.default),
+                this.$slots[SlotNames.Pagination],
+                this.$slots[SlotNames.PrevButton],
+                this.$slots[SlotNames.NextButton],
+                this.$slots[SlotNames.Scrollbar]
+            ]);
+        }
+    });
+}/**
+ * @file vue-awesome-swiper
+ * @module SwiperSlideComponent
+ * @author Surmon <https://github.com/surmon-china>
+ */
+var SwiperSlideComponent = Vue.extend({
+    name: CoreNames.SwiperSlideComponent,
+    computed: {
+        slideClass: function () {
+            var _a, _b;
+            return ((_b = (_a = this.$parent) === null || _a === void 0 ? void 0 : _a.swiperOptions) === null || _b === void 0 ? void 0 : _b.slideClass) || DEFAULT_CLASSES.slideClass;
+        }
+    },
+    methods: {
+        update: function () {
+            var _a;
+            var parent = this.$parent;
+            // https://github.com/surmon-china/vue-awesome-swiper/issues/632
+            if (parent[ComponentPropNames.AutoUpdate]) {
+                (_a = parent === null || parent === void 0 ? void 0 : parent.swiperInstance) === null || _a === void 0 ? void 0 : _a.update();
+            }
+        }
+    },
+    mounted: function () {
+        this.update();
+    },
+    updated: function () {
+        this.update();
+    },
+    render: function (createElement) {
+        return createElement('div', {
+            class: this.slideClass
+        }, this.$slots.default);
+    }
+});/**
+ * @file vue-awesome-swiper
+ * @module exporter
+ * @author Surmon <https://github.com/surmon-china>
+ */
+var getInstaller = function (SwiperClass) {
+    var install = function (Vue, globalOptions) {
+        if (install.installed)
+            { return; }
+        var SwiperComponent = getSwiperComponent(SwiperClass);
+        if (globalOptions) {
+            SwiperComponent.options.props.defaultOptions.default = function () { return globalOptions; };
+        }
+        Vue.component(CoreNames.SwiperComponent, SwiperComponent);
+        Vue.component(CoreNames.SwiperSlideComponent, SwiperSlideComponent);
+        Vue.directive(CoreNames.SwiperDirective, getDirective(SwiperClass, globalOptions));
+        install.installed = true;
+    };
+    return install;
+};
+function exporter(SwiperClass) {
+    var _a;
+    return _a = {
+            version: '4.1.1',
+            install: getInstaller(SwiperClass),
+            directive: getDirective(SwiperClass)
+        },
+        _a[CoreNames.SwiperComponent] = getSwiperComponent(SwiperClass),
+        _a[CoreNames.SwiperSlideComponent] = SwiperSlideComponent,
+        _a;
+}/**
+ * @file vue-awesome-swiper
+ * @module default-export
+ * @author Surmon <https://github.com/surmon-china>
+ */
+var VueAwesomeSwiper = exporter(SwiperClass);
+var version = VueAwesomeSwiper.version;
+var install = VueAwesomeSwiper.install;
+var directive = VueAwesomeSwiper.directive;
+var Swiper = VueAwesomeSwiper.Swiper;
+var SwiperSlide = VueAwesomeSwiper.SwiperSlide;exports.Swiper=Swiper;exports.SwiperSlide=SwiperSlide;exports.default=VueAwesomeSwiper;exports.directive=directive;exports.install=install;exports.version=version;Object.defineProperty(exports,'__esModule',{value:true});})));
+
 /***/ }),
 
 /***/ "ef27":
 /***/ (function(module, exports) {
 
-module.exports = "<article class=\"project-card\" @click=\"onDetail\">\r\n    <header :title=\"data.name\">{{data.name}}</header>\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\">\r\n    <header :title=\"data.name\">{{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"
 
 /***/ }),
 
@@ -16537,7 +16716,7 @@ module.exports = function (bitmap, value) {
 /***/ "f40e":
 /***/ (function(module, exports) {
 
-module.exports = "<article class=\"interface-settings\" :class=\"{'script-max': scriptView}\">\r\n    <header v-show=\"!scriptView\">\r\n        <!--        <i-input class=\"diy-input\" v-model=\"interfaceModel.info.url\">-->\r\n        <!--            <i-select transfer slot=\"prepend\" class=\"diy-select\" v-model=\"interfaceModel.info.method\">-->\r\n        <!--                <i-option v-for=\"item in typeList\" :key=\"item.value\" :value=\"item.value\">{{item.text}}</i-option>-->\r\n        <!--            </i-select>-->\r\n        <!--        </i-input>-->\r\n        <i-select class=\"diy-select method-select\" v-model=\"interfaceModel.info.method\">\r\n            <i-option v-for=\"item in typeList\" :key=\"item.value\" :value=\"item.value\">{{item.text}}</i-option>\r\n        </i-select>\r\n        <i-select ref=\"addEnvParamSelect\" class=\"diy-select env-select\" v-model=\"interfaceModel.info.envId\" placeholder=\"请选择环境变量\" clearable>\r\n            <i-option v-for=\"item in paramList\" :key=\"item.id\" :value=\"item.id\">{{item.name + \"：\" + item.value}}</i-option>\r\n            <i-option class=\"add-security-item\" value=\"''\">\r\n                <div class=\"add-security-item-content\" @click.stop=\"onAddEnvParam\">\r\n                    <i class=\"api-icon icon-add\"></i>\r\n                    <span>新增环境变量</span>\r\n                </div>\r\n            </i-option>\r\n        </i-select>\r\n        <i-poptip class=\"url-poptip\" v-if=\"interfaceModel.info.url\" trigger=\"hover\" :content=\"interfaceModel.info.url\" transfer>\r\n            <i-input class=\"diy-input url-input\" v-model=\"interfaceModel.info.url\"></i-input>\r\n        </i-poptip>\r\n        <i-input v-else class=\"diy-input url-input\" v-model=\"interfaceModel.info.url\"></i-input>\r\n\r\n        <i-button type=\"primary\" class=\"diy-btn-primary submit-btn\" @click=\"onRun\">发送</i-button>\r\n        <i-button type=\"primary\" class=\"diy-btn-primary\" @click=\"onSave\" ghost>保存</i-button>\r\n        <i-button type=\"primary\" class=\"diy-btn-primary process-btn\" @click=\"onProcess\" ghost>流程配置</i-button>\r\n        <i-button type=\"primary\" class=\"diy-btn-primary his-btn\" @click=\"onVersion\" ghost>查看历史版本</i-button>\r\n        <i class=\"export iconfont icon-xiazai\" title=\"导出\" type=\"md-download\" @click=\"onExport\"></i>\r\n        <i-upload action=\"\" :before-upload=\"onImport\" :show-upload-list=\"false\">\r\n            <i class=\"import iconfont icon-shangchuan\" title=\"导入\" type=\"md-cloud-upload\"></i>\r\n        </i-upload>\r\n    </header>\r\n    <main :class=\"{'transverse': !lengthwise}\">\r\n        <section class=\"request\">\r\n            <div v-show=\"!scriptView\" 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                    :errorLine=\"!originId || originId === interfaceModel.info.id ? errorLine : []\"\r\n                    :formData=\"formData\"\r\n                    @on-current-id=\"onCurrentId\"\r\n                    @on-script-run=\"onScriptRun\"\r\n                    @on-script-save=\"onSave\"\r\n                    @on-script-max=\"onScriptMax\"\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    <u-environment-modal :visiable.sync=\"showEnvironmentModal\" :projectId=\"projectId\" @on-refresh=\"getEnvironmentParamList\" :isAdd=\"true\"></u-environment-modal>\r\n    <i-modal class=\"diy-modal edit-import-name\" v-model=\"showImportModal\" :mask-closable=\"false\">\r\n        <p slot=\"header\">编辑名称</p>\r\n        <i-form ref=\"import\" :model=\"apiForm\" :rules=\"rules\">\r\n            <i-form-item label=\"环境变量:\" prop=\"envName\">\r\n                <i-input v-model=\"apiForm.envName\"></i-input>\r\n            </i-form-item>\r\n\r\n            <i-form-item label=\"授权:\" prop=\"authName\">\r\n                <i-input v-model=\"apiForm.authName\"></i-input>\r\n            </i-form-item>\r\n        </i-form>\r\n        <div class=\"handle-btn\" slot=\"footer\">\r\n            <i-button class=\"diy-btn-primary\" type=\"primary\" @click.stop=\"saveImportData(importObj)\">确定</i-button>\r\n            <i-button class=\"diy-btn-text\" @click.stop=\"cancleModify\">取消</i-button>\r\n        </div>\r\n    </i-modal>\r\n    <u-process-drawer v-model=\"showDrawer\" :projectTree=\"projectTree\" :info=\"interfaceModel.info\" @on-save=\"onProcessSave\"></u-process-drawer>\r\n</article>\r\n"
+module.exports = "<article class=\"interface-settings\" :class=\"{'script-max': scriptView}\">\r\n    <header v-show=\"!scriptView\">\r\n        <!--        <i-input class=\"diy-input\" v-model=\"interfaceModel.info.url\">-->\r\n        <!--            <i-select transfer slot=\"prepend\" class=\"diy-select\" v-model=\"interfaceModel.info.method\">-->\r\n        <!--                <i-option v-for=\"item in typeList\" :key=\"item.value\" :value=\"item.value\">{{item.text}}</i-option>-->\r\n        <!--            </i-select>-->\r\n        <!--        </i-input>-->\r\n        <i-select class=\"diy-select method-select\" v-model=\"interfaceModel.info.method\">\r\n            <i-option v-for=\"item in typeList\" :key=\"item.value\" :value=\"item.value\">{{item.text}}</i-option>\r\n        </i-select>\r\n        <i-select ref=\"addEnvParamSelect\" class=\"diy-select env-select\" v-model=\"interfaceModel.info.envId\" placeholder=\"请选择环境变量\" clearable>\r\n            <i-option v-for=\"item in paramList\" :key=\"item.id\" :value=\"item.id\">{{item.name + \"：\" + item.value}}</i-option>\r\n            <i-option class=\"add-security-item\" value=\"''\">\r\n                <div class=\"add-security-item-content\" @click.stop=\"onAddEnvParam\">\r\n                    <i class=\"api-icon icon-add\"></i>\r\n                    <span>新增环境变量</span>\r\n                </div>\r\n            </i-option>\r\n        </i-select>\r\n        <i-poptip class=\"url-poptip\" v-if=\"interfaceModel.info.url\" trigger=\"hover\" :content=\"interfaceModel.info.url\" transfer>\r\n            <i-input class=\"diy-input url-input\" v-model=\"interfaceModel.info.url\"></i-input>\r\n        </i-poptip>\r\n        <i-input v-else class=\"diy-input url-input\" v-model=\"interfaceModel.info.url\"></i-input>\r\n        <i-button type=\"primary\" class=\"diy-btn-primary submit-btn\" :loading=\"runLoading\" @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 process-btn\" @click=\"onProcess\" ghost>流程配置</i-button>\r\n        <i-button type=\"primary\" class=\"diy-btn-primary his-btn\" @click=\"onVersion\" ghost>查看历史版本</i-button>\r\n        <i class=\"export iconfont icon-xiazai\" title=\"导出\" type=\"md-download\" @click=\"onExport\"></i>\r\n        <i-upload action=\"\" :before-upload=\"onImport\" :show-upload-list=\"false\">\r\n            <i class=\"import iconfont icon-shangchuan\" title=\"导入\" type=\"md-cloud-upload\"></i>\r\n        </i-upload>\r\n    </header>\r\n    <main :class=\"{'transverse': !lengthwise}\">\r\n        <section class=\"request\">\r\n            <div v-show=\"!scriptView\" 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                    :errorLine=\"!originId || originId === interfaceModel.info.id ? errorLine : []\"\r\n                    :formData=\"formData\"\r\n                    @on-current-id=\"onCurrentId\"\r\n                    @on-script-run=\"onScriptRun\"\r\n                    @on-script-save=\"onSave\"\r\n                    @on-script-max=\"onScriptMax\"\r\n                ></component>\r\n            </div>\r\n        </section>\r\n        <response\r\n            :key=\"interfaceModel.info.id + 'response'\"\r\n            :lengthwise=\"lengthwise\"\r\n            :response=\"response\"\r\n            :interface-info=\"interfaceModel.info\"\r\n        ></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    <u-environment-modal :visiable.sync=\"showEnvironmentModal\" :projectId=\"projectId\" @on-refresh=\"getEnvironmentParamList\" :isAdd=\"true\"></u-environment-modal>\r\n    <i-modal class=\"diy-modal edit-import-name\" v-model=\"showImportModal\" :mask-closable=\"false\">\r\n        <p slot=\"header\">编辑名称</p>\r\n        <i-form ref=\"import\" :model=\"apiForm\" :rules=\"rules\">\r\n            <i-form-item label=\"环境变量:\" prop=\"envName\">\r\n                <i-input v-model=\"apiForm.envName\"></i-input>\r\n            </i-form-item>\r\n\r\n            <i-form-item label=\"授权:\" prop=\"authName\">\r\n                <i-input v-model=\"apiForm.authName\"></i-input>\r\n            </i-form-item>\r\n        </i-form>\r\n        <div class=\"handle-btn\" slot=\"footer\">\r\n            <i-button class=\"diy-btn-primary\" type=\"primary\" @click.stop=\"saveImportData(importObj)\">确定</i-button>\r\n            <i-button class=\"diy-btn-text\" @click.stop=\"cancleModify\">取消</i-button>\r\n        </div>\r\n    </i-modal>\r\n    <u-process-drawer v-model=\"showDrawer\" :projectTree=\"projectTree\" :info=\"interfaceModel.info\" @on-save=\"onProcessSave\"></u-process-drawer>\r\n</article>\r\n"
 
 /***/ }),