对话布局
@astryxdesign/core v0.7.1 · ChatLayout
属性
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
density | ChatDensity | 'balanced' | 疏密、气泡宽度,以及底部那层毛玻璃。compact、balanced、spacious。 |
scrollRef | HTMLElement | null | — | 换一个元素来滚,而不是布局自己滚。不传就自己滚、底部粘住;传了就改成压在目标元素上的固定层。 |
showScrollButton | boolean | true | 渲染自带的滚到底按钮。想让 scrollButton 插槽成为唯一的控件、或者干脆不要按钮,就设为 false。 |
插槽
| 插槽 | 说明 |
|---|---|
| (默认) | 消息记录,一般放一个 ChatMessageList。 |
composer | 固定压在底部、毛玻璃之上,一般放一个 ChatComposer。 |
empty | 默认插槽为空时显示,居中。放一个 EmptyState 外观最统一。 |
scrollButton | 换掉自带的滚到底按钮。插槽参数有 isVisible、label,以及 scrollToBottom——它会清掉新消息提示并滚到底。 |
暴露
| 名称 | 类型 | 说明 |
|---|---|---|
element | HTMLElement | null | 布局的最外层。 |
scrollToBottom | () => void | 清掉新消息状态并滚到最新一条。 |