From 600ec054cb64d80751b69b144dc84708b1ece383 Mon Sep 17 00:00:00 2001
From: cuiliang <cl_1107@126.com>
Date: Mon, 13 Apr 2026 17:48:47 +0800
Subject: [PATCH] =?UTF-8?q?feat(chat):=20=E4=BF=AE=E5=A4=8D=E8=BE=93?=
 =?UTF-8?q?=E5=85=A5=E6=B3=95=E5=9B=9E=E8=BD=A6=E5=8F=91=E9=80=81=E6=B6=88?=
 =?UTF-8?q?=E6=81=AF=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 添加 isComposing 状态跟踪输入法组合事件
- 实现 handleCompositionStart 和 handleCompositionEnd 方法
- 新增 isImeEnter 函数判断是否为输入法回车
- 修改 handleKeydown 方法，在输入法状态下阻止回车发送
- 在 textarea 上添加 compositionstart 和 compositionend 事件监听
---
 src/components/chat/ChatInput.vue | 34 +++++++++++++++++++++++--------
 1 file changed, 26 insertions(+), 8 deletions(-)

diff --git a/src/components/chat/ChatInput.vue b/src/components/chat/ChatInput.vue
index 2cfeeb1e..a3a5a887 100644
--- a/src/components/chat/ChatInput.vue
+++ b/src/components/chat/ChatInput.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { ref, computed } from 'vue'
-import { useI18n } from 'vue-i18n'
-import { NButton, NTooltip } from 'naive-ui'
-import { useChatStore } from '@/stores/chat'
 import type { Attachment } from '@/stores/chat'
+import { useChatStore } from '@/stores/chat'
+import { NButton, NTooltip } from 'naive-ui'
+import { computed, ref } from 'vue'
+import { useI18n } from 'vue-i18n'
 
 const chatStore = useChatStore()
 const { t } = useI18n()
@@ -13,6 +13,7 @@ const fileInputRef = ref<HTMLInputElement>()
 const attachments = ref<Attachment[]>([])
 const isDragging = ref(false)
 const dragCounter = ref(0)
+const isComposing = ref(false)
 
 const canSend = computed(() => inputText.value.trim() || attachments.value.length > 0)
 
@@ -126,11 +127,26 @@ function handleSend() {
   }
 }
 
+function handleCompositionStart() {
+  isComposing.value = true
+}
+
+function handleCompositionEnd() {
+  requestAnimationFrame(() => {
+    isComposing.value = false
+  })
+}
+
+function isImeEnter(e: KeyboardEvent): boolean {
+  return isComposing.value || e.isComposing || e.keyCode === 229
+}
+
 function handleKeydown(e: KeyboardEvent) {
-  if (e.key === 'Enter' && !e.shiftKey) {
-    e.preventDefault()
-    handleSend()
-  }
+  if (e.key !== 'Enter' || e.shiftKey) return
+  if (isImeEnter(e)) return
+
+  e.preventDefault()
+  handleSend()
 }
 
 function handleInput(e: Event) {
@@ -206,6 +222,8 @@ function isImage(type: string): boolean {
         :placeholder="t('chat.inputPlaceholder')"
         rows="1"
         @keydown="handleKeydown"
+        @compositionstart="handleCompositionStart"
+        @compositionend="handleCompositionEnd"
         @input="handleInput"
         @paste="handlePaste"
       ></textarea>