feat: MonacoEditor 应用替换 textarea

src/views/codeGenerate/template/ItemDrawer.vue

@@ -6,8 +6,7 @@
 			<el-row class="local-row" :gutter="16">
 				<el-col :span="18" :xs="24" class="content" :class="app.isMobile ? 'content--mobile' : ''">
 					<el-form-item label="文件内容" prop="tplContent">
-						<MonacoEditor ref="editorRef" height="calc(100vh - 200px)" :modelValue="model.tplContent" :language="language" />
-<!--						<el-input v-model="model.tplContent" type="textarea" />-->
+						<MonacoEditor height="calc(100vh - 200px)" v-model="model.tplContent" />
 					</el-form-item>
 				</el-col>
 				<el-col :span="6" :xs="24">
@@ -23,7 +22,6 @@
 				</el-col>
 			</el-row>
 		</el-form>
-		<!--		<LeFormConfig v-bind="formOpts"></LeFormConfig>-->
 		<template v-if="type !== 'detail'" #footer>
 			<el-button @click="updateModelValue(false)">{{ $t('le.btn.cancel') }}</el-button>
 			<el-button :loading="loading" type="primary" style="margin-left: 8px" @click="onSubmit">{{ $t('le.btn.confirm') }}</el-button>
@@ -33,6 +31,7 @@
 
 <script setup lang="tsx">
 import template from '@/api/codeGenerate/template'
+import MonacoEditor from '@/components/MonacoEditor'
 import { computed, PropType, ref, watch } from 'vue'
 import useStore from '@/store'
 import { ElMessage } from 'element-plus'

src/views/codeGenerate/template/index.vue

@@ -41,16 +41,6 @@ const activeData = ref<{ record: any; type: 'edit' | 'create' | 'detail'; visibl
 	visible: false
 })
 
-// start
-const testCode = ref('function hello() {\n  alert(\'Hello world!\');\n}')
-const language = ref('javascript')
-const testDid = (editor) => {
-	window.editor = editor
-	window.testCode = testCode
-	window.language = language
-}
-// end
-
 // 表格搜索条件
 const forms = ref([
 	{