From 3ce3be443b78929a393e3851261e989854d5f4c9 Mon Sep 17 00:00:00 2001
From: Quicy <1728550853@qq.com>
Date: Thu, 29 Jan 2026 11:11:29 +0800
Subject: [PATCH] perf: cache chat scroll

---
 packages/web/src/App.vue                      |  4 +--
 .../web/src/components/ChatList/index.vue     | 27 +++++++++++++++----
 packages/web/src/pages/index.vue              |  0
 3 files changed, 24 insertions(+), 7 deletions(-)
 delete mode 100644 packages/web/src/pages/index.vue

diff --git a/packages/web/src/App.vue b/packages/web/src/App.vue
index ede2f9ac..e4865300 100644
--- a/packages/web/src/App.vue
+++ b/packages/web/src/App.vue
@@ -14,14 +14,14 @@ import { mdiTranslate } from '@mdi/js'
 <template>
   <section>
     <div
-      class="fixed top-8 right-2 z-9999 [&:is(:has([data-state=open]),:hover)_.translate-icon]:opacity-100"
+      class="fixed top-8 right-2 z-9999 [&:is(:has([data-state=open]))_.translate-icon]:opacity-100"
     >
       <DropdownMenu>
         <DropdownMenuTrigger class="ml-auto mr-4 cursor-pointer">
           <svg-icon
             type="mdi"
             :path="mdiTranslate"
-            class="translate-icon opacity-30"
+            class="translate-icon opacity-30 hover:opacity-100"
           />
         </DropdownMenuTrigger>
         <DropdownMenuContent>
diff --git a/packages/web/src/components/ChatList/index.vue b/packages/web/src/components/ChatList/index.vue
index 88682374..ac41badc 100644
--- a/packages/web/src/components/ChatList/index.vue
+++ b/packages/web/src/components/ChatList/index.vue
@@ -24,7 +24,8 @@ import UserChat from './UserChat/index.vue'
 import RobotChat from './RobotChat/index.vue'
 import { inject, ref, watch } from 'vue'
 import { useElementBounding } from '@vueuse/core'
-import {useChatList} from '@/store/ChatList'
+import { useChatList } from '@/store/ChatList'
+import { onBeforeRouteLeave } from 'vue-router'
 // 模拟一下数据
 const {chatList,add} = useChatList()
 
@@ -56,17 +57,21 @@ watch(chatSay, () => {
 const displayContainer = ref()
 const { height,top } = useElementBounding(displayContainer)
 
-let prevScroll = 0, curScroll = 0, autoScroll = true
+let prevScroll = 0, curScroll = 0, autoScroll = true,cacheScroll=0
 
 watch(top, () => {
   const container = displayContainer.value?.parentElement?.parentElement
+  if (height.value === 0) {
+    autoScroll = false
+    prevScroll = curScroll=0
+  }
   if ((container?.scrollHeight - container.clientHeight - container.scrollTop) < 1) {
     autoScroll = true
     prevScroll=curScroll=container.scrollTop
-  }
+  }  
 })
 
-watch(height, () => {
+watch(height, (newVal,oldVal) => {
   const container = displayContainer.value?.parentElement?.parentElement
   if (container) {
     curScroll = container.scrollTop
@@ -75,7 +80,12 @@ watch(height, () => {
     }
     prevScroll = curScroll
   }
- 
+  if (oldVal === 0 && newVal > container.clientHeight) {   
+    container.scrollTo({
+      top: cacheScroll,
+    }) 
+    return
+  }  
   if (!(container && (container?.scrollHeight - container.clientHeight - container.scrollTop) < 1)&&autoScroll) {
     container.scrollTo({
       top: container?.scrollHeight - container.clientHeight,
@@ -84,5 +94,12 @@ watch(height, () => {
   } 
 })
 
+onBeforeRouteLeave(() => {
+  const container = displayContainer.value?.parentElement?.parentElement
+  if (container) {
+    cacheScroll = container.scrollTop  
+  }
+  
+})
 
 </script>
\ No newline at end of file
diff --git a/packages/web/src/pages/index.vue b/packages/web/src/pages/index.vue
deleted file mode 100644
index e69de29b..00000000