feat(web): chat add file info

This commit is contained in:
zhaoying
2026-04-14 10:20:50 +08:00
parent 095f4e3001
commit 9032f50a19
2 changed files with 9 additions and 5 deletions

View File

@@ -2,7 +2,7 @@
* @Author: ZhaoYing * @Author: ZhaoYing
* @Date: 2025-12-10 16:46:17 * @Date: 2025-12-10 16:46:17
* @Last Modified by: ZhaoYing * @Last Modified by: ZhaoYing
* @Last Modified time: 2026-04-10 18:46:57 * @Last Modified time: 2026-04-14 10:13:56
*/ */
import { type FC, useRef, useEffect, useState } from 'react' import { type FC, useRef, useEffect, useState } from 'react'
import clsx from 'clsx' import clsx from 'clsx'
@@ -174,6 +174,7 @@ const ChatContent: FC<ChatContentProps> = ({
) )
} }
const documentType = (file.file_type || file.type)?.split('/')
return ( return (
<Flex <Flex
key={file.url || file.uid} key={file.url || file.uid}
@@ -208,7 +209,7 @@ const ChatContent: FC<ChatContentProps> = ({
></div> ></div>
<div className="rb:flex-1 rb:w-32.5"> <div className="rb:flex-1 rb:w-32.5">
<div className="rb:leading-4 rb:text-ellipsis rb:overflow-hidden rb:whitespace-nowrap">{file.name}</div> <div className="rb:leading-4 rb:text-ellipsis rb:overflow-hidden rb:whitespace-nowrap">{file.name}</div>
<div className="rb:leading-3.5 rb:mt-0.5 rb:text-[#5B6167] rb:text-ellipsis rb:overflow-hidden rb:whitespace-nowrap">{file.type?.split('/')[file.type?.split('/').length - 1]} · {file.size}</div> <div className="rb:leading-3.5 rb:mt-0.5 rb:text-[#5B6167] rb:text-ellipsis rb:overflow-hidden rb:whitespace-nowrap">{documentType?.[documentType.length - 1]} · {file.size}</div>
</div> </div>
</Flex> </Flex>
) )

View File

@@ -2,7 +2,7 @@
* @Author: ZhaoYing * @Author: ZhaoYing
* @Date: 2026-02-03 16:58:03 * @Date: 2026-02-03 16:58:03
* @Last Modified by: ZhaoYing * @Last Modified by: ZhaoYing
* @Last Modified time: 2026-04-07 21:21:52 * @Last Modified time: 2026-04-13 18:32:58
*/ */
/** /**
* Conversation Page * Conversation Page
@@ -397,7 +397,10 @@ const Conversation: FC = () => {
return { return {
type: file.type, type: file.type,
transfer_method: 'local_file', transfer_method: 'local_file',
upload_file_id: file.response.data.file_id upload_file_id: file.response.data.file_id,
file_type: file.response.data.file_type,
size: file.response.data.file_size,
name: file.response.data.file_name
} }
} }
}), }),
@@ -444,7 +447,7 @@ const Conversation: FC = () => {
}) })
} }
console.log('chatList', chatList, streamLoadingRef.current) console.log('chatList', fileList, streamLoadingRef.current)
return ( return (
<Flex className="rb:w-full rb:p-[-16px]!"> <Flex className="rb:w-full rb:p-[-16px]!">