setAttr('v-if', 'currentApiInfo')->append( El::double('template')->setAttr('#header')->append( El::double('div')->append( El::double('el-icon') ->addClass('icon cur') ->setAttr('@click.stop', 'toggleStar(currentApiInfo.url)') ->append(''), El::fromCode("GETPOST"), El::fromCode("{{ ApiInfo.host }}{{ currentApiInfo.url }}"), El::fromCode(""), ), El::double('div')->setAttr('style', 'position: relative;top:10px')->append( El::double('el-text')->setAttr('style', 'margin-right: 10px;') ->append("token：") ->append(El::double('el-text')->setAttr('style', 'color: #409EFF')->append("{{ currentApiInfo.auth == 'strength' ? '必须' : (currentApiInfo.auth == 'weak' ? '可选' : '无须') }}")), El::double('el-text')->append("版本："), El::double('el-tag')->setAttr('v-for', '(version, index) in currentApiInfo.version') ->setAttr('size', 'small') ->setAttr('style', 'margin-left: 5px;') ->append('{{ version }}') ) ), El::double('el-tabs')->setAttr('v-model', 'showApiInfo') ->setAttr('@tab-change', 'apiShowType')->append( El::double('el-tab-pane')->setAttr('label', '请求参数')->setAttr('name', 'Form')->append( El::double('el-scrollbar')->setAttr('style', 'height: calc(100vh - 250px);')->append( El::double('el-form')->setAttrs([ 'ref' => 'form', 'label-position' => 'top', ])->append( El::double('el-form-item') ->setAttr('v-for', 'param in currentApiInfo.requestParams') ->append( El::double('template')->setAttr('#label')->append('{{ param.describe }}'), El::double('el-input')->setAttr('v-if', "param.type === 'Integer' || param.type === 'Float'") ->setAttr('v-model.number', 'apiFormData[param.name]'), El::double('el-input')->setAttr('v-else-if', "param.type === 'String'") ->setAttr('v-model.number', 'apiFormData[param.name]'), El::double('el-input') ->setAttr("v-else") ->setAttr(':readonly', "true") ->setAttr(':placeholder', "'请使用json组件模拟数据'") ) ) ) ), El::double('el-tab-pane')->setAttr('label', 'Json')->setAttr('name', 'Json')->append( El::fromCode('

'), ), El::double('el-tab-pane')->setAttr('label', '请求脚本')->setAttr('name', 'Scripts')->append( El::double('iframe')->setAttr("src", TP::route()->to([DocumentController::class, 'requestCode'])), ), El::double('el-tab-pane')->setAttr('label', '响应')->setAttr('name', 'Response')->append( El::fromCode('

'), El::fromCode('

'), ), ) ); $vue->addMethod('getApiInfo', JsFunc::anonymous(['api'])->code( Axios::get(TP::route()->to([DocumentController::class, 'doc'])) ->success(JsCode::make( JsVar::set("this.ApiInfo", '@data.data'), JsVar::set("this.ApiInfo.versionSelect", '@this.ApiInfo.version.map(v => {return {label: "版本：" + v, value: v}})'), JsCode::raw('this.$message.success("已获取最新文档信息，当前最新版本：" + Math.max(...data.data.version))') )) )); $vue->addMethod('apiShowType', JsFunc::anonymous(['name'])->code( JsCode::raw('console.log(name)'), JsIf::when("name === 'Json' && this.apiFormEditor === null")->then( JsCode::raw("this.apiFormEditor = new JSONEditor(document.getElementById('paramShowJson'), this.jsonEditorInitOptions('code', (value) => { this.apiFormData = JSON.parse(value); }))"), ), JsIf::when("name === 'Response' && this.responseEditor === null")->then( JsCode::raw("this.\$nextTick(() => this.responseEditor = new JSONEditor(document.getElementById('ResponseJson'), this.jsonEditorInitOptions('code', (value) => {})))"), ), JsCode::raw('this.$nextTick(() => { this.apiFormEditor && this.apiFormEditor.set(this.apiFormData); });'), )); $vue->addMethod('jsonEditorInitOptions', JsFunc::anonymous(['type', 'onChange'])->code( JsCode::raw("return { mode: type, modes: ['code', 'form', 'text', 'tree', 'view', 'preview'], // allowed modes onChangeText: onChange, }") )); $vue->addMethod('sendRequest', JsFunc::anonymous()->code( JsCode::raw('let code = localStorage.getItem("requestCode");'), JsIf::when('code.length > 0')->then(<<