feat: 解决 点击编辑区内容时编辑区自动滚动/定位 的问题

src/views/editor/components/EditorPanel/functionals/index.ts

@@ -389,9 +389,26 @@ export function useEditorPanel() {
         })
     }
 
+    const isEditAreaClick = ref(false)
+    let clickTimer: ReturnType<typeof setTimeout> | null = null
+
+    const handleViewportMouseDown = () => {
+        isEditAreaClick.value = true
+        if (clickTimer) clearTimeout(clickTimer)
+        clickTimer = setTimeout(() => {
+            isEditAreaClick.value = false
+        }, 200)
+    }
+
     watch(
         () => editorStore.selectedNodeId,
-        (newId) => syncEditorScroll(newId, true)
+        (newId) => {
+            if (isEditAreaClick.value) {
+                isEditAreaClick.value = false
+                return
+            }
+            syncEditorScroll(newId, false)
+        }
     )
     watch(
         () => editorStore.lastUndoRedoTime,
@@ -409,6 +426,8 @@ export function useEditorPanel() {
         handleScroll,
         setBlockRef,
         syncEditorScroll,
-        scrollTop
+        scrollTop,
+        handleViewportMouseDown
     }
 }
+

src/views/editor/components/EditorPanel/index.vue

@@ -46,6 +46,7 @@
                 class="flex-1 overflow-y-auto min-h-0 leading-relaxed relative"
                 @scroll="handleScroll"
                 @contextmenu="handleContextMenu"
+                @mousedown="handleViewportMouseDown"
             >
                 <!-- 占位撑高，模拟全量内容总高度 -->
                 <div :style="{ height: totalHeight + 'px', position: 'relative' }">
@@ -114,7 +115,8 @@ const {
     handleScroll,
     setBlockRef,
     syncEditorScroll,
-    scrollTop
+    scrollTop,
+    handleViewportMouseDown
 } = useEditorPanel()
 
 const findReplaceVisible = ref(false)