对话消息列表
@astryxdesign/core v0.7.1 · ChatMessageList
属性
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
align | 'top' | 'bottom' | 'bottom' | 消息不到一屏时,贴顶还是贴底。'bottom' 用一个空白撑满剩下的高度,消息就贴在输入框上方;'top' 不放这块空白,消息从顶上开始排。已经超出高度的列表滚动行为两种都一样。 |
density | ChatDensity | 'balanced' | 疏密程度:'compact'、'balanced' 或 'spacious'。会传给里面的消息。 |
gap | SpacingStep | 跟疏密 | 顶层行与行之间的距离,按间距刻度取值。只改行距,不动内边距。 |
scrollToTopAction | () => Promise<void> | — | 顶部哨兵进入滚动容器时调用,用来加载更早的消息。返回的 Promise 没结束前,顶部一直显示加载中。 |
isStreaming | boolean | false | 助手还在写的时候把它设上,日志会标成 aria-busy。读屏就会等写完再播报一次,而不是一直念半句话。 |
label | string | 本地化的「消息列表」 | 这块消息记录给读屏用的名字。 |
插槽
default:消息行,一般放ChatMessage和ChatSystemMessage。emptyState:没有传默认插槽时显示的内容。empty:emptyState的别名。
暴露
element:根元素<div role="log">。