Skip to content

对话布局

@astryxdesign/core v0.7.1 · ChatLayout

属性 ​

属性类型默认值说明
densityChatDensity'balanced'疏密、气泡宽度,以及底部那层毛玻璃。compact、balanced、spacious。
scrollRefHTMLElement | null—换一个元素来滚,而不是布局自己滚。不传就自己滚、底部粘住;传了就改成压在目标元素上的固定层。
showScrollButtonbooleantrue渲染自带的滚到底按钮。想让 scrollButton 插槽成为唯一的控件、或者干脆不要按钮,就设为 false。

插槽 ​

插槽说明
(默认)消息记录,一般放一个 ChatMessageList。
composer固定压在底部、毛玻璃之上,一般放一个 ChatComposer。
empty默认插槽为空时显示,居中。放一个 EmptyState 外观最统一。
scrollButton换掉自带的滚到底按钮。插槽参数有 isVisible、label,以及 scrollToBottom——它会清掉新消息提示并滚到底。

暴露 ​

名称类型说明
elementHTMLElement | null布局的最外层。
scrollToBottom() => void清掉新消息状态并滚到最新一条。