From 2b8c8d72d74a7f140a0c94cad1ca59d0e7f59cfd Mon Sep 17 00:00:00 2001
From: luoyifan <luoyifan@qq.com>
Date: Mon, 16 Jun 2025 16:37:59 +0800
Subject: [PATCH] =?UTF-8?q?monaco=20editor=20=E6=94=AF=E6=8C=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/YvSrcEditor.vue           |  4 ++--
 src/components/YvSrcEditorInner.vue      | 18 +++++++++++++++
 src/core/script/ScriptSupport.ts         | 38 ++++++++++++++++++++++++++++++++
 src/editor/widgets/script/ScriptView.vue |  4 +++-
 src/example/example1.js                  |  2 +-
 5 files changed, 62 insertions(+), 4 deletions(-)
 create mode 100644 src/core/script/ScriptSupport.ts

diff --git a/src/components/YvSrcEditor.vue b/src/components/YvSrcEditor.vue
index b82b3ed..0c94997 100644
--- a/src/components/YvSrcEditor.vue
+++ b/src/components/YvSrcEditor.vue
@@ -1,6 +1,6 @@
 <script>
-import Inner from './YvSrcEditorInner.vue'
+import { defineAsyncComponent } from 'vue'
 
 // 异步加载 yv-src-editor-inner.vue 组件
-export default Inner
+export default defineAsyncComponent(() => import('./YvSrcEditorInner.vue'))
 </script>
diff --git a/src/components/YvSrcEditorInner.vue b/src/components/YvSrcEditorInner.vue
index 6060aac..462585a 100644
--- a/src/components/YvSrcEditorInner.vue
+++ b/src/components/YvSrcEditorInner.vue
@@ -12,6 +12,7 @@
 <script>
 import _ from 'lodash'
 import { loader, VueMonacoEditor } from '@guolao/vue-monaco-editor'
+import { setupMonacoEditor } from '@/core/script/ScriptSupport.js'
 
 loader.config({
   paths: {
@@ -39,6 +40,16 @@ export default {
     'editor-focus'
   ],
   mounted() {
+    // const monaco = window['monaco']
+    // debugger
+    // monaco.languages.typescript.javascriptDefaults.setDiagnosticsOptions({
+    //   noSemanticValidation: true,
+    //   noSyntaxValidation: false
+    // })
+    // monaco.languages.typescript.javascriptDefaults.setCompilerOptions({
+    //   target: monaco.languages.typescript.ScriptTarget.ES2016,
+    //   allowNonTsExtensions: true
+    // })
   },
   data() {
     const option = {
@@ -111,6 +122,7 @@ export default {
   methods: {
     onBeforeMount(monaco) {
       this.monaco = monaco
+      setupMonacoEditor(monaco)
     },
     onMount(editor, monaco) {
       this.editor = editor
@@ -176,5 +188,11 @@ export default {
   width: 100%;
   flex: 1;
   overflow-y: auto;
+  border: 1px solid #ccc;
+
+  .monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main {
+    flex-direction: row;
+    font-size: 14px;
+  }
 }
 </style>
diff --git a/src/core/script/ScriptSupport.ts b/src/core/script/ScriptSupport.ts
new file mode 100644
index 0000000..34ffac5
--- /dev/null
+++ b/src/core/script/ScriptSupport.ts
@@ -0,0 +1,38 @@
+/**
+ * monaco 加载完成之后会调用此函数
+ * @param monaco
+ */
+export function setupMonacoEditor(monaco: any) {
+  if (!monaco || monaco.__isExtended) {
+    return
+  }
+  // 启用诊断信息（语法、语义错误提示）
+  monaco.languages.typescript.typescriptDefaults.setDiagnosticsOptions({
+    noSemanticValidation: false,
+    noSyntaxValidation: false,
+    noSuggestionDiagnostics: false
+  })
+
+  // 注入 mylib 模块的类型定义
+  monaco.languages.typescript.typescriptDefaults.addExtraLib(
+    `
+declare module 'mylib' {
+  export function greet(name: string): void;
+  export const version: string;
+}
+`,
+    'file:///node_modules/mylib/index.d.ts'
+  )
+
+  // 配置 TypeScript 编译器选项
+  monaco.languages.typescript.typescriptDefaults.setCompilerOptions({
+    target: monaco.languages.typescript.ScriptTarget.Latest,
+    module: monaco.languages.typescript.ModuleKind.ESNext,
+    moduleResolution: monaco.languages.typescript.ModuleResolutionKind.NodeJs,
+    noEmit: true,
+    strict: true,
+    lib: ['esnext'],
+    types: [] // 不加载默认 DOM 类型
+  })
+  monaco.__isExtended = true
+}
diff --git a/src/editor/widgets/script/ScriptView.vue b/src/editor/widgets/script/ScriptView.vue
index 82ff4eb..188e9d0 100644
--- a/src/editor/widgets/script/ScriptView.vue
+++ b/src/editor/widgets/script/ScriptView.vue
@@ -35,7 +35,9 @@ import IWidgets from '../IWidgets.js'
 
 export default {
   name: 'ScriptView',
-  components: { YvSrcEditor },
+  components: {
+    YvSrcEditor
+  },
   mixins: [IWidgets],
   data() {
     return {
diff --git a/src/example/example1.js b/src/example/example1.js
index d8f9d0c..ed098dd 100644
--- a/src/example/example1.js
+++ b/src/example/example1.js
@@ -542,7 +542,7 @@ export default {
     },
     {
       catalogCode: '__f2', t: 'floor',
-      items: buildPointPerformanceData('carton', 200, 500)
+      items: buildPointPerformanceData('pallet', 200, 500, 0.14)
     },
     {
       catalogCode: '__f5', t: 'floor',