feat: AddFunc在ai生成后支持页面编辑

This commit is contained in:
pixelMax(奇淼
2024-10-24 18:44:07 +08:00
parent f191601ab4
commit b69858b6f7
2 changed files with 36 additions and 12 deletions

View File

@@ -215,22 +215,34 @@
</div>
</el-form-item>
<el-form-item label="Api方法:">
<div
id="api"
class="h-[500px] w-full overflow-y-scroll"
></div>
<codemirror
v-model="autoFunc.apiFunc"
placeholder="Code goes here..."
:style="{ height: '300px',width:'100%' }"
:indent-with-tab="true"
:tab-size="2"
:extensions=" [go(), oneDark]"
/>
</el-form-item>
<el-form-item label="Server方法:">
<div
id="server"
class="h-[500px] w-full overflow-y-scroll"
></div>
<codemirror
v-model="autoFunc.serverFunc"
placeholder="Code goes here..."
:style="{ height: '300px',width:'100%' }"
:indent-with-tab="true"
:tab-size="2"
:extensions=" [go(), oneDark]"
/>
</el-form-item>
<el-form-item label="前端JSAPI方法:">
<div
id="js"
class="h-[500px] w-full overflow-y-scroll"
></div>
<codemirror
v-model="autoFunc.jsFunc"
placeholder="Code goes here..."
:style="{ height: '300px',width:'100%' }"
:indent-with-tab="true"
:tab-size="2"
:extensions=" [javascript(), oneDark]"
/>
</el-form-item>
</template>
</el-form>
@@ -250,6 +262,13 @@ import {useAppStore} from "@/pinia";
import { Marked } from "marked";
import { markedHighlight } from "marked-highlight";
import hljs from 'highlight.js'
import { Codemirror } from 'vue-codemirror'
import { javascript } from '@codemirror/lang-javascript'
import { go } from '@codemirror/lang-go'
import { oneDark } from '@codemirror/theme-one-dark'
const appStore = useAppStore()
defineOptions({