ChatList is a component used to display a list of chat messages. It takes in an array of ChatMessage objects as the data prop and an optional type prop which can be either 'docs' or 'chat'. The component is memoized for better performance.
import { ChatList } from '@lobehub/ui/chat';| Name | Description | Type | Default |
|---|---|---|---|
| data | Data of chat messages to be displayed | ChatMessage[] | (required) |
| enableHistoryCount | -- | boolean | -- |
| historyCount | -- | number | -- |
| loadingId | -- | string | -- |
| groupNav | -- | any | -- |
| loading | -- | boolean | -- |
| onActionsClick | 点击操作按钮的回调函数 | (action:any,message:any)=>void | -- |
| onAvatarsClick | -- | (role:any)=>any | -- |
| onMessageChange | 消息变化的回调函数 | (id:string,content:string)=>void | -- |
| renderActions | -- | {} | -- |
| renderErrorMessages | 渲染错误消息的函数 | {} | -- |
| renderItems | -- | {} | -- |
| renderMessages | 渲染消息的函数 | {} | -- |
| renderMessagesExtra | 渲染消息额外内容的函数 | {} | -- |
| showTitle | 是否显示聊天项的名称 | boolean | false |
| text | 文本内容 | any | -- |
| type | 聊天列表的类型 | "docs"|"chat" | "chat" |
dayjs 如何使用 fromNow
要使用 dayjs 的 fromNow 函数，需要先安装 dayjs 库并在代码中引入它。然后，可以使用以下语法来获取当前时间与给定时间之间的相对时间：
dayjs().fromNow(); // 获取当前时间的相对时间
dayjs('2021-05-01').fromNow(); // 获取给定时间的相对时间第一个示例将返回类似于 "几秒前"、"一分钟前"、"2 天前" 的相对时间字符串，表示当前时间与调用 fromNow 方法时的时间差。第二个示例将返回给定时间与当前时间的相对时间字符串。