fix: 修复部分多会话逻辑

src/components/business/Chat/hooks/useChat.ts

@@ -6,7 +6,6 @@ export function useChat() {
   function addChat(
     message: string,
     args?: { reversal?: boolean; error?: boolean; options?: Chat.ChatOptions },
-    uuid?: number | null,
   ) {
     historyStore.addChat(
       {
@@ -16,7 +15,6 @@ export function useChat() {
         error: args?.error ?? false,
         options: args?.options ?? undefined,
       },
-      uuid,
     )
   }
 

src/components/business/Chat/index.vue

@@ -7,7 +7,6 @@ import { useChat } from './hooks/useChat'
 import { fetchChatAPI } from '@/api'
 import { HoverButton, SvgIcon } from '@/components/common'
 import { useHistoryStore } from '@/store'
-import { isNumber } from '@/utils/is'
 
 let controller = new AbortController()
 
@@ -23,6 +22,7 @@ const prompt = ref('')
 const loading = ref(false)
 
 const currentActive = computed(() => historyStore.active)
+const heartbeat = computed(() => historyStore.heartbeat)
 
 const list = computed<Chat.Chat[]>(() => historyStore.getCurrentChat)
 const chatList = computed<Chat.Chat[]>(() => list.value.filter(item => (!item.reversal && !item.error)))
@@ -71,9 +71,8 @@ function handleEnter(event: KeyboardEvent) {
 function addMessage(
   message: string,
   args?: { reversal?: boolean; error?: boolean; options?: Chat.ChatOptions },
-  uuid?: number | null,
 ) {
-  addChat(message, args, uuid)
+  addChat(message, args)
   scrollToBottom()
 }
 
@@ -96,10 +95,18 @@ onMounted(() => {
   scrollToBottom()
 })
 
+watch(
+  heartbeat,
+  () => {
+    handleCancel()
+    scrollToBottom()
+  },
+)
+
 watch(
   currentActive,
-  (active) => {
-    if (isNumber(active)) {
+  (_, oldActive) => {
+    if (oldActive !== null) {
       handleCancel()
       scrollToBottom()
     }

src/components/business/Chat/layout/sider/List.vue

@@ -12,17 +12,21 @@ function handleSelect(index: number) {
   historyStore.chooseHistory(index)
 }
 
-function handleEdit(index: number, isEdit: boolean) {
+function handleEdit(index: number, isEdit: boolean, event?: MouseEvent) {
   historyStore.editHistory(index, isEdit)
+  event?.stopPropagation()
 }
 
-function handleRemove(index: number) {
+function handleRemove(index: number, event?: MouseEvent) {
   historyStore.removeHistory(index)
+  event?.stopPropagation()
 }
 
 function handleEnter(index: number, isEdit: boolean, event: KeyboardEvent) {
-  if (event.key === 'Enter')
+  if (event.key === 'Enter') {
     handleEdit(index, isEdit)
+    event.stopPropagation()
+  }
 }
 </script>
 
@@ -31,8 +35,8 @@ function handleEnter(index: number, isEdit: boolean, event: KeyboardEvent) {
     <div class="flex flex-col gap-2 text-sm">
       <div v-for="(item, index) of dataSources" :key="index">
         <a
-          class="relative flex items-center gap-3 px-3 py-3 break-all border rounded-md cursor-pointer pr-14 hover:bg-neutral-100 group"
-          :class="historyStore.active === index && ['border-[#4b9e5f]', 'bg-neutral-100', 'text-[#4b9e5f]']"
+          class="relative flex items-center gap-3 px-3 py-3 break-all border rounded-md cursor-pointer hover:bg-neutral-100 group"
+          :class="historyStore.active === index && ['border-[#4b9e5f]', 'bg-neutral-100', 'text-[#4b9e5f]', 'pr-14']"
           @click="handleSelect(index)"
         >
           <span>
@@ -45,17 +49,17 @@ function handleEnter(index: number, isEdit: boolean, event: KeyboardEvent) {
             />
             <span v-else>{{ item.title }}</span>
           </div>
-          <div class="absolute z-10 flex visible right-1">
+          <div v-if="historyStore.active === index" class="absolute z-10 flex visible right-1">
             <template v-if="item.isEdit">
-              <button class="p-1" @click="handleEdit(index, false)">
+              <button class="p-1" @click="handleEdit(index, false, $event)">
                 <SvgIcon icon="ri:save-line" />
               </button>
             </template>
             <template v-else>
               <button class="p-1">
-                <SvgIcon icon="ri:edit-line" @click="handleEdit(index, true)" />
+                <SvgIcon icon="ri:edit-line" @click="handleEdit(index, true, $event)" />
               </button>
-              <button class="p-1" @click="handleRemove(index)">
+              <button class="p-1" @click="handleRemove(index, $event)">
                 <SvgIcon icon="ri:delete-bin-line" />
               </button>
             </template>