From 4c86a8f6147309d8bb0fc64580ca3817ee56c529 Mon Sep 17 00:00:00 2001
From: renxiaodong <1344903914@qq.com>
Date: Thu, 28 Aug 2025 23:20:44 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E8=BE=93=E5=85=A5=E9=97=AE=E9=A2=98?=
 =?UTF-8?q?=E5=90=8E=E6=BB=9A=E5=88=B0=E5=BA=95=E9=83=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/xt-chat/chat-view/index.vue | 21 +++++++++++++++++----
 1 file changed, 17 insertions(+), 4 deletions(-)

diff --git a/src/components/xt-chat/chat-view/index.vue b/src/components/xt-chat/chat-view/index.vue
index 97459e7..e894339 100644
--- a/src/components/xt-chat/chat-view/index.vue
+++ b/src/components/xt-chat/chat-view/index.vue
@@ -1,15 +1,14 @@
 <script lang="tsx">
-import { message as antdMessage, Tooltip } from 'ant-design-vue';
+import { message as antdMessage } from 'ant-design-vue';
 import { BubbleList } from '@/components/xt-chat/xt-bubble';
 import SenderInput from './components/sender-input/index.vue';
 import RightView from './components/right-view/index.vue';
 
-import { useRoute } from 'vue-router';
 import { useChatStore } from '@/stores/modules/chat';
 import { getConversationList } from '@/api/all/chat';
 import querySSE from '@/utils/querySSE';
 import useChatHandler from './useChatHandler';
-import { QUESTION_ROLE, LOADING_ROLE, REMOTE_ROLE } from './constants';
+import { QUESTION_ROLE, LOADING_ROLE } from './constants';
 
 export default {
   props: {
@@ -32,6 +31,15 @@ export default {
     const sseController = ref<any>(null);
     const searchValue = ref<string>('');
 
+    // 强制滚动到底部：用户主动发送消息时，无视是否在底部
+    const forceScrollToBottom = () => {
+      requestAnimationFrame(() => {
+        try {
+          bubbleListRef.value?.scrollTo?.({ top: Number.MAX_SAFE_INTEGER, behavior: 'smooth' });
+        } catch {}
+      });
+    };
+
     const handleSubmit = (message: string) => {
       if (generateLoading.value) {
         antdMessage.warning('停止生成后可发送');
@@ -43,7 +51,7 @@ export default {
       conversationList.value.push({
         role: QUESTION_ROLE,
         content: message,
-      });
+      });      
 
       initSse({ message });
     };
@@ -85,6 +93,10 @@ export default {
             agent_id: chatStore.agentInfo.agent_id,
           }),
         });
+
+        nextTick(() => {
+          forceScrollToBottom();
+        });
       } catch (error) {
         console.error('Failed to initialize SSE:', error);
         antdMessage.error('初始化连接失败');
@@ -128,6 +140,7 @@ export default {
             role: QUESTION_ROLE,
             content: message,
           });
+  
           initSse(newVal);
         }
       },