lanyuanxiaoyao/hudi-service
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(ai-web): 修复页面失去焦点的时候没有断开对话的连接

Browse Source
This commit is contained in:
v-zhangjc9
2025-06-18 10:34:56 +08:00
parent 368c30676e
commit 0914b458d3
1 changed files with 7 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
service-web/client/src/pages/ai/Conversation.tsx
View File

@@ -1,6 +1,7 @@
import {ClearOutlined, UserOutlined} from '@ant-design/icons' import {ClearOutlined, UserOutlined} from '@ant-design/icons'
import {Bubble, Sender, useXAgent, useXChat, Welcome} from '@ant-design/x' import {Bubble, Sender, useXAgent, useXChat, Welcome} from '@ant-design/x'
import {fetchEventSource} from '@echofly/fetch-event-source' import {fetchEventSource} from '@echofly/fetch-event-source'
import {useUnmount} from 'ahooks'
import {Button, Collapse, Flex, Typography} from 'antd' import {Button, Collapse, Flex, Typography} from 'antd'
import {isStrBlank, trim} from 'licia' import {isStrBlank, trim} from 'licia'
import {useRef, useState} from 'react' import {useRef, useState} from 'react'
@@ -40,6 +41,11 @@ function Conversation() {
const abortController = useRef<AbortController | null>(null) const abortController = useRef<AbortController | null>(null)
const [input, setInput] = useState<string>('') const [input, setInput] = useState<string>('')
useUnmount(() => {
console.log('Page Unmount')
abortController.current?.abort()
})
const [agent] = useXAgent<ChatMessage>({ const [agent] = useXAgent<ChatMessage>({
request: async (info, callbacks) => { request: async (info, callbacks) => {
await fetchEventSource(`${commonInfo.baseAiUrl}/chat/async`, { await fetchEventSource(`${commonInfo.baseAiUrl}/chat/async`, {
@@ -55,6 +61,7 @@ function Conversation() {
}) })
}, },
onclose: () => callbacks.onSuccess([]), onclose: () => callbacks.onSuccess([]),
onerror: error => callbacks.onError(error),
}) })
}, },
}) })