0017
/
iot-ui-vue
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update: 代码编辑器支持脚本语言输入

This commit is contained in:
JiangQiming 2023-02-16 14:03:46 +08:00
parent b55a7bd490
commit b2653adda5
1 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/MonacoEditor/index.vue
View File

@ -13,7 +13,7 @@ import htmlWorker from 'monaco-editor/esm/vs/language/html/html.worker?worker';
import tsWorker from 'monaco-editor/esm/vs/language/typescript/ts.worker?worker'; import tsWorker from 'monaco-editor/esm/vs/language/typescript/ts.worker?worker';
self.MonacoEnvironment = { self.MonacoEnvironment = {
getWorker(workerId, label) { getWorker(_, label) {
if (label === 'json') { if (label === 'json') {
return new jsonWorker(); return new jsonWorker();
} }
@ -23,7 +23,7 @@ self.MonacoEnvironment = {
if (label === 'html') { if (label === 'html') {
return new htmlWorker(); return new htmlWorker();
} }
if (label === 'ts') { if (['typescript', 'javascript'].includes(label)) {
return new tsWorker(); return new tsWorker();
} }
return new editorWorker(); return new editorWorker();
@ -33,6 +33,7 @@ self.MonacoEnvironment = {
const props = defineProps({ const props = defineProps({
modelValue: [String, Number], modelValue: [String, Number],
theme: { type: String, default: 'vs-dark' }, theme: { type: String, default: 'vs-dark' },
language: { type: String, default: 'json' },
}); });
const emit = defineEmits(['update:modelValue']); const emit = defineEmits(['update:modelValue']);
@ -42,10 +43,10 @@ const dom = ref();
let instance; let instance;
onMounted(() => { onMounted(() => {
const jsonModel = monaco.editor.createModel(props.modelValue, 'json'); const _model = monaco.editor.createModel(props.modelValue, props.language);
instance = monaco.editor.create(dom.value, { instance = monaco.editor.create(dom.value, {
model: jsonModel, model: _model,
tabSize: 2, tabSize: 2,
automaticLayout: true, automaticLayout: true,
scrollBeyondLastLine: false, scrollBeyondLastLine: false,