update: 代码编辑器更换

This commit is contained in:
easy 2023-03-16 10:43:12 +08:00
parent e70b8d7812
commit 6c4da9db2f
2 changed files with 17 additions and 18 deletions

View File

@ -94,12 +94,13 @@
<AIcon type="PlusOutlined" />新增
</j-button>
</div>
<MonacoEditor
<j-monaco-editor
v-if="refStr"
v-model:modelValue="requestBody.code"
style="height: 300px; width: 100%"
theme="vs"
ref="editorRef"
language="json"
style="height: 100%"
theme="vs"
v-model:modelValue="requestBody.code"
/>
</div>
</div>
@ -115,7 +116,6 @@
<script setup lang="ts">
import { JsonViewer } from 'vue3-json-viewer';
import 'vue3-json-viewer/dist/index.css';
import MonacoEditor from '@/components/MonacoEditor/index.vue';
import type { apiDetailsType } from '../typing';
import InputCard from './InputCard.vue';
import { cloneDeep, toLower } from 'lodash';

View File

@ -98,11 +98,11 @@
<div>
<p>使用和签名相同的算法(不需要对响应结果排序)</p>
<div>
<MonacoEditor
style="width: 100%; height: 620px"
theme="vs-dark"
<j-monaco-editor
language="java"
v-model="javaStr1"
style="height: 370px"
theme="vs-dark"
v-model:modelValue="javaStr1"
/>
</div>
</div>
@ -119,20 +119,20 @@
<h3>添加 SDK 依赖</h3>
<div class="h3-text">将以下Maven依赖加入到pom.xml文件中</div>
<div>
<MonacoEditor
style="width: 100%; height: 100px"
theme="vs-dark"
v-model="javaStr2"
<j-monaco-editor
language="java"
style="height: 370px"
theme="vs-dark"
v-model:modelValue="javaStr2"
/>
</div>
<h3>SDK 客户端的初始化和请求方式</h3>
<div>
<MonacoEditor
style="width: 100%; height: 370px"
theme="vs-dark"
v-model="javaStr"
<j-monaco-editor
language="java"
style="height: 370px"
theme="vs-dark"
v-model:modelValue="javaStr"
/>
</div>
</div>
@ -141,7 +141,6 @@
<script setup lang="ts">
import { getImage } from '@/utils/comm';
import MonacoEditor from '@/components/MonacoEditor/index.vue';
const data = [
{