Skip to content

对话消息

@astryxdesign/core v0.7.1 · ChatMessage

属性 ​

属性类型默认值说明
sender'user' | 'assistant' | 'system'—这条消息是谁发的,必填。决定靠左还是靠右,也决定排版。写 system 时整行居中,头像、名字、元信息三个插槽都不显示。
namestring—正文上方的发送者名字,纯文本。正文第一条不是气泡时用它;如果第一条是气泡,名字写在气泡上,才能跟气泡的内边距对齐。
densityChatDensity跟列表,再退回 'balanced'疏密程度:'compact'、'balanced' 或 'spacious'。不写就跟着外层 ChatMessageList。

插槽 ​

  • default:消息正文,可以放气泡、工具调用、思考过程,或者一段自由内容。自由内容和消息边缘齐平;想让它跟气泡的文字列对齐,就套一个透明气泡。
  • avatar:消息旁边的头像,一般用 Avatar。sender 是 system 时不显示。
  • name:替代 name 属性。
  • metadata:正文下方的元信息。最后一条不是气泡时用它;如果最后一条是气泡,改用气泡的 metadata 插槽。

暴露 ​

  • element:根元素 <article>。