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