使用方法

ChatSendButton 就是输入区里那颗要「发送」还是「停止」的按钮。放在 ChatComposer 里面时，它自己从上下文里知道现在能不能发、是不是在流式输出、该回调谁；单独用的话，这些状态要你自己传。

import { ChatSendButton } from '@astryx-vue/core/Chat'

解剖

部分	说明
操作按钮	圆形的纯图标 Button，暴露本地化的「发送」或「停止」名字，同时是 chat-send-button 主题的挂载点。

建议

指引	实践
推荐	希望发送和停止的行为跟着输入区走，就把它放进 ChatComposer。
推荐	单独用时，把状态和对应的 send 或 stop 监听都显式给全。
推荐	换成自己的图标时，别把本地化的「发送」「停止」无障碍名字弄丢。图标只是装饰，不能成为唯一的名字来源。
避免	停止状态下没有可用的停止处理函数，属性里也没给、上下文里也没有。
避免	以为 isDisabled 会禁用停止。它只管发送那一边。

示例

常见的用法、变化和状态。

ChatSendButton — 自定义图标

Custom icons for send and stop states

用 sendIcon 和 stopIcon 插槽换成自己的图标。想让对话有点性格就用它：发消息用纸飞机，AI 生成用闪闪，确认流程用对勾。

ChatSendButton — 在输入区里

输入消息……

放在输入区里的发送按钮，状态全从上下文自己读。不用接线，输入框有内容它就亮起来。

ChatSendButton — 各种状态

Disabled → Ready → Streaming

不能发、可以发、正在流式输出三种状态。按钮会根据流式状态自动在主色的发送和次色的停止之间切换。