feat(hook): ✨ 添加光标位置保存与恢复功能，优化输入体验

src/hooks/useMsgInput.ts

@@ -170,6 +170,15 @@
     topicKeyword
   )
 
+  // 在文件顶部添加新的响应式变量
+  const lastCursorPosition = ref<{
+    range: Range | null
+    selection: Selection | null
+  }>({
+    range: null,
+    selection: null
+  })
+
   watchEffect(() => {
     chatKey.value = chat.value.sendKey
     if (!ait.value && personList.value.length > 0) {
@@ -368,6 +377,12 @@
       return
     }
 
+    // 保存最后的光标位置
+    lastCursorPosition.value = {
+      range: range.cloneRange(),
+      selection
+    }
+
     /** 获取当前节点 */
     const curNode = range.endContainer
     /** 判断当前节点是否是文本节点 */
@@ -407,9 +422,9 @@
     const isCtrlOrMetaKey = isWindows ? e.ctrlKey : e.metaKey
 
     const sendKeyIsEnter = chat.value.sendKey === 'Enter'
-    const sendKeyIsCtrlEnter = chat.value.sendKey === `${isWindows ? 'Ctrl' : '⌘'}+Enter`
+    const sendKeyIsCtrlEnter = chat.value.sendKey === `${isWindows ? 'Ctrl' : '?'}+Enter`
 
-    // 如果当前的系统是mac，我需要判断当前的chat.value.sendKey是否是Enter，再判断当前是否是按下⌘+Enter
+    // 如果当前的系统是mac，我需要判断当前的chat.value.sendKey是否是Enter，再判断当前是否是按下?+Enter
     if (!isWindows && chat.value.sendKey === 'Enter' && e.metaKey && e.key === 'Enter') {
       // 就进行换行操作
       e.preventDefault()
@@ -437,9 +452,18 @@
     if (isChinese.value) {
       return
     }
+
     // 先确保输入框获得焦点
     messageInputDom.value?.focus()
-    // 先获取并保存当前的编辑器范围
+
+    // 恢复上次保存的光标位置
+    if (lastCursorPosition.value.range && lastCursorPosition.value.selection) {
+      const selection = window.getSelection()
+      selection?.removeAllRanges()
+      selection?.addRange(lastCursorPosition.value.range)
+    }
+
+    // 获取当前光标位置
     const { range: currentRange, selection: currentSelection } = getEditorRange()!
     editorRange.value = { range: currentRange, selection: currentSelection }
 
@@ -467,6 +491,15 @@
     insertNode(MsgEnum.AIT, item.name, {} as HTMLElement)
     triggerInputEvent(messageInputDom.value)
     ait.value = false
+
+    // 更新最后的光标位置
+    const newRange = getEditorRange()
+    if (newRange) {
+      lastCursorPosition.value = {
+        range: newRange.range.cloneRange(),
+        selection: newRange.selection
+      }
+    }
   }
 
   /** 处理点击 / 提及框事件 */
@@ -510,23 +543,23 @@
   onMounted(async () => {
     db.value = await Database.load('sqlite:sqlite.db')
     await db.value.execute(`
-        CREATE TABLE IF NOT EXISTS message (
-                                               id INTEGER NOT NULL PRIMARY KEY AUTOINCREMENT,
-                                               room_id INTEGER NOT NULL,
-                                               from_uid INTEGER NOT NULL,
-                                               content TEXT(1024),
-            reply_msg_id INTEGER NOT NULL,
-            status INTEGER,
-            gap_count INTEGER,
-            "type" INTEGER DEFAULT (1),
-            extra TEXT,
-            create_time INTEGER,
-            update_time INTEGER
-            );
-        CREATE INDEX IF NOT EXISTS idx_room_id ON message (room_id);
-        CREATE INDEX IF NOT EXISTS idx_from_uid ON message (from_uid);
-        CREATE INDEX IF NOT EXISTS idx_create_time ON message (create_time);
-        CREATE INDEX IF NOT EXISTS idx_update_time ON message (update_time);
+      CREATE TABLE IF NOT EXISTS message (
+          id INTEGER NOT NULL PRIMARY KEY AUTOINCREMENT,
+          room_id INTEGER NOT NULL,
+          from_uid INTEGER NOT NULL,
+          content TEXT(1024),
+          reply_msg_id INTEGER NOT NULL,
+          status INTEGER,
+          gap_count INTEGER,
+          "type" INTEGER DEFAULT (1),
+          extra TEXT,
+          create_time INTEGER,
+          update_time INTEGER
+      );
+      CREATE INDEX IF NOT EXISTS idx_room_id ON message (room_id);
+      CREATE INDEX IF NOT EXISTS idx_from_uid ON message (from_uid);
+      CREATE INDEX IF NOT EXISTS idx_create_time ON message (create_time);
+      CREATE INDEX IF NOT EXISTS idx_update_time ON message (update_time);
     `)
     useMitt.on(MittEnum.RE_EDIT, async (event: string) => {
       messageInputDom.value.focus()
@@ -588,6 +621,17 @@
         })
       }
     })
+
+    // 添加失焦事件监听
+    messageInputDom.value?.addEventListener('blur', () => {
+      const { range, selection } = getEditorRange()!
+      if (range && selection) {
+        lastCursorPosition.value = {
+          range: range.cloneRange(),
+          selection
+        }
+      }
+    })
   })
 
   return {