Skip to content

对话消息列表

@astryxdesign/core v0.7.1 · ChatMessageList

属性 ​

属性类型默认值说明
align'top' | 'bottom''bottom'消息不到一屏时,贴顶还是贴底。'bottom' 用一个空白撑满剩下的高度,消息就贴在输入框上方;'top' 不放这块空白,消息从顶上开始排。已经超出高度的列表滚动行为两种都一样。
densityChatDensity'balanced'疏密程度:'compact'、'balanced' 或 'spacious'。会传给里面的消息。
gapSpacingStep跟疏密顶层行与行之间的距离,按间距刻度取值。只改行距,不动内边距。
scrollToTopAction() => Promise<void>—顶部哨兵进入滚动容器时调用,用来加载更早的消息。返回的 Promise 没结束前,顶部一直显示加载中。
isStreamingbooleanfalse助手还在写的时候把它设上,日志会标成 aria-busy。读屏就会等写完再播报一次,而不是一直念半句话。
labelstring本地化的「消息列表」这块消息记录给读屏用的名字。

插槽 ​

  • default:消息行,一般放 ChatMessage 和 ChatSystemMessage。
  • emptyState:没有传默认插槽时显示的内容。
  • empty:emptyState 的别名。

暴露 ​

  • element:根元素 <div role="log">。