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>

src/store/modules/history/helper.ts

@@ -5,10 +5,11 @@ const LOCAL_NAME = 'historyChat'
 export interface HistoryState {
   historyChat: Chat.HistoryChat[]
   active: number | null
+  heartbeat: boolean
 }
 
 export function defaultSetting() {
-  return { historyChat: [], active: null }
+  return { historyChat: [], active: null, heartbeat: false }
 }
 
 export function getLocalHistory() {

src/store/modules/history/index.ts

@@ -1,6 +1,7 @@
 import { defineStore } from 'pinia'
 import type { HistoryState } from './helper'
 import { getLocalHistory, setLocalHistory } from './helper'
+
 export const useHistoryStore = defineStore('history-store', {
   state: (): HistoryState => getLocalHistory(),
   getters: {
@@ -18,16 +19,16 @@ export const useHistoryStore = defineStore('history-store', {
     },
   },
   actions: {
-    addChat(data: Chat.Chat, uuid: number | null = null) {
+    addChat(data: Chat.Chat) {
       if (this.active === null) {
         this.historyChat.push({ title: data.message, isEdit: false, data: [data] })
         this.active = this.historyChat.length - 1
       }
       else {
-        const active = uuid !== null ? uuid : this.active
-        if (this.historyChat[active].title === 'New Chat')
-          this.historyChat[active].title = data.message
-        this.historyChat[active].data.push(data)
+        if (this.historyChat[this.active].title === 'New Chat')
+          this.historyChat[this.active].title = data.message
+
+        this.historyChat[this.active].data.push(data)
       }
       setLocalHistory(this.$state)
     },
@@ -52,14 +53,19 @@ export const useHistoryStore = defineStore('history-store', {
 
     removeHistory(index: number) {
       this.historyChat.splice(index, 1)
+
       if (this.active === index) {
         if (this.historyChat.length === 0)
           this.active = null
         else if (this.active === this.historyChat.length)
-          this.active--
-        else
-          this.active = 0
+          this.active = this.historyChat.length - 1
       }
+
+      if (this.historyChat.length === 0)
+        this.active = null
+
+      this.toggleHeartbeat()
+
       setLocalHistory(this.$state)
     },
 
@@ -69,5 +75,9 @@ export const useHistoryStore = defineStore('history-store', {
       this.active = index
       setLocalHistory(this.$state)
     },
+
+    toggleHeartbeat() {
+      this.heartbeat = !this.heartbeat
+    },
   },
 })

vite.config.ts

@@ -15,7 +15,7 @@ export default defineConfig((env) => {
     server: {
       port: 1002,
       host: '0.0.0.0',
-      open: true,
+      open: false,
       proxy: {
         '/api': {
           target: viteEnv.VITE_APP_API_BASE_URL,