|
|
@@ -4,11 +4,11 @@ import { nextTick, onMounted, ref } from 'vue';
|
|
|
import { useVbenModal } from '@vben/common-ui';
|
|
|
|
|
|
import * as monaco from 'monaco-editor';
|
|
|
-// import EditorWorker from 'monaco-editor/esm/vs/editor/editor.worker?worker';
|
|
|
-// import CssWorker from 'monaco-editor/esm/vs/language/css/css.worker?worker';
|
|
|
-// import HtmlWorker from 'monaco-editor/esm/vs/language/html/html.worker?worker';
|
|
|
-// import JsonWorker from 'monaco-editor/esm/vs/language/json/json.worker?worker';
|
|
|
-// import TsWorker from 'monaco-editor/esm/vs/language/typescript/ts.worker?worker';
|
|
|
+import EditorWorker from 'monaco-editor/esm/vs/editor/editor.worker?worker';
|
|
|
+import CssWorker from 'monaco-editor/esm/vs/language/css/css.worker?worker';
|
|
|
+import HtmlWorker from 'monaco-editor/esm/vs/language/html/html.worker?worker';
|
|
|
+import JsonWorker from 'monaco-editor/esm/vs/language/json/json.worker?worker';
|
|
|
+import TsWorker from 'monaco-editor/esm/vs/language/typescript/ts.worker?worker';
|
|
|
|
|
|
defineOptions({
|
|
|
name: 'InputCodePreview',
|
|
|
@@ -20,23 +20,24 @@ const emit = defineEmits(['success']);
|
|
|
// language: 'javascript',
|
|
|
// });
|
|
|
|
|
|
-// self.MonacoEnvironment = {
|
|
|
-// getWorker: (_: string, label: string) => {
|
|
|
-// if (label === 'json') {
|
|
|
-// return new JsonWorker();
|
|
|
-// }
|
|
|
-// if (['css', 'less', 'scss'].includes(label)) {
|
|
|
-// return new CssWorker();
|
|
|
-// }
|
|
|
-// if (['handlebars', 'html', 'razor'].includes(label)) {
|
|
|
-// return new HtmlWorker();
|
|
|
-// }
|
|
|
-// if (['javascript', 'typescript'].includes(label)) {
|
|
|
-// return new TsWorker();
|
|
|
-// }
|
|
|
-// return new EditorWorker();
|
|
|
-// },
|
|
|
-// };
|
|
|
+// eslint-disable-next-line no-restricted-globals
|
|
|
+self.MonacoEnvironment = {
|
|
|
+ getWorker: (_: string, label: string) => {
|
|
|
+ if (label === 'json') {
|
|
|
+ return new JsonWorker();
|
|
|
+ }
|
|
|
+ if (['css', 'less', 'scss'].includes(label)) {
|
|
|
+ return new CssWorker();
|
|
|
+ }
|
|
|
+ if (['handlebars', 'html', 'razor'].includes(label)) {
|
|
|
+ return new HtmlWorker();
|
|
|
+ }
|
|
|
+ if (['javascript', 'typescript'].includes(label)) {
|
|
|
+ return new TsWorker();
|
|
|
+ }
|
|
|
+ return new EditorWorker();
|
|
|
+ },
|
|
|
+};
|
|
|
const monacoEditorRef = ref();
|
|
|
// 初始化monacoEditor对象
|
|
|
let monacoEditor: any = null;
|