From 31a8b44f0ff96718c53cd866545e28de8794aae5 Mon Sep 17 00:00:00 2001
From: engigu <sayheya@qq.com>
Date: Wed, 14 Jan 2026 14:54:01 +0800
Subject: [PATCH] feat: fix docs

---
 web/src/views/editor/Editor.vue   | 21 ++++++++++++++++-----
 web/src/views/scripts/Scripts.vue | 21 ++++++++++++++++-----
 2 files changed, 32 insertions(+), 10 deletions(-)

diff --git a/web/src/views/editor/Editor.vue b/web/src/views/editor/Editor.vue
index 479c385..704bc2a 100644
--- a/web/src/views/editor/Editor.vue
+++ b/web/src/views/editor/Editor.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, onMounted, computed, onUnmounted, nextTick } from 'vue'
+import { ref, onMounted, computed, onUnmounted, nextTick, shallowRef } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import { Button } from '@/components/ui/button'
 import { Input } from '@/components/ui/input'
@@ -45,10 +45,23 @@ const showTerminalDialog = ref(false)
 const terminalRef = ref<InstanceType<typeof XTerminal> | null>(null)
 const runCommand = ref('')
 
+// Monaco Editor 实例引用
+const editorRef = shallowRef()
+
 // 响应式字体大小
 const isSmallScreen = ref(window.innerWidth < 1024)
 const editorFontSize = computed(() => isSmallScreen.value ? 12 : 13)
 
+// 编辑器挂载时的回调
+function handleEditorMount(editor: any) {
+  editorRef.value = editor
+  // 强制设置换行符为 LF
+  const model = editor.getModel()
+  if (model) {
+    model.setEOL(0) // 0 = LF, 1 = CRLF
+  }
+}
+
 function handleResize() {
   isSmallScreen.value = window.innerWidth < 1024
 }
@@ -411,11 +424,9 @@ onUnmounted(() => {
             tabSize: 4,
             insertSpaces: true,
             readOnly: !isEditMode,
-            domReadOnly: !isEditMode,
-            files: {
-              eol: '\n'
-            }
+            domReadOnly: !isEditMode
           }"
+          @mount="handleEditorMount"
         />
         <div v-else class="h-full flex items-center justify-center text-muted-foreground text-sm">
           <span class="lg:hidden">从上方选择文件开始编辑</span>
diff --git a/web/src/views/scripts/Scripts.vue b/web/src/views/scripts/Scripts.vue
index 1a4034a..df576eb 100644
--- a/web/src/views/scripts/Scripts.vue
+++ b/web/src/views/scripts/Scripts.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, onMounted, computed } from 'vue'
+import { ref, onMounted, computed, shallowRef } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import { Button } from '@/components/ui/button'
 import { Input } from '@/components/ui/input'
@@ -31,6 +31,9 @@ const deletePath = ref<string | null>(null)
 const showUnsavedDialog = ref(false)
 const pendingNode = ref<FileNode | null>(null)
 
+// Monaco Editor 实例引用
+const editorRef = shallowRef()
+
 const hasChanges = computed(() => fileContent.value !== originalContent.value)
 
 const editorLanguage = computed(() => {
@@ -46,6 +49,16 @@ const editorLanguage = computed(() => {
   return 'plaintext'
 })
 
+// 编辑器挂载时的回调
+function handleEditorMount(editor: any) {
+  editorRef.value = editor
+  // 强制设置换行符为 LF
+  const model = editor.getModel()
+  if (model) {
+    model.setEOL(0) // 0 = LF, 1 = CRLF
+  }
+}
+
 // 更新 URL - 每次清空重建
 function updateUrl() {
   const query: Record<string, string> = {}
@@ -308,12 +321,10 @@ onMounted(loadTree)
             scrollBeyondLastLine: false,
             automaticLayout: true,
             tabSize: 2,
-            wordWrap: 'on',
-            files: {
-              eol: '\n'
-            }
+            wordWrap: 'on'
           }"
           style="height: 100%"
+          @mount="handleEditorMount"
         />
         <div v-else class="h-full flex items-center justify-center text-muted-foreground text-sm">
           选择一个文件开始编辑