消息分支与重新生成
Branch Picker / Regenerate
保留编辑或重新生成后的多个版本，并在分支间切换。
用审批组件呈现执行前的授权决定。
app.mjs
import { mount } from '@sofish/ui/browser';
const view = mount(
document.querySelector('#example'),
'branches'
);
view.element.addEventListener('ui:change', event => {
console.log(event.detail.value);
});
// view.update({ ...nextProps });
// view.destroy();什么时候用
用户需要比较不同回答或修改前一条问题。
什么时候不用
仅仅修改视觉样式或翻页不需要创建对话分支。
COMPONENT API
属性与事件
传入业务数据，通过事件连接你的应用。
| 属性 | 默认值 |
|---|---|
label | "回答版本" |
value | "brief" |
items | [{"value":"brief","label":"版本 1：简短回答","text":"用审批组件呈现执行前的授权决定。"},{"value":"detail","label":"版本 2：补充说明","text":"审批需要说明动作、后果和等待决定的状态；完成后保留用户的选择。"}] |
disabled | false |
事件
ui:change
INTERACTION NOTES
交互与可访问性
- 播报当前版本和总数。
- 前后按钮有名称，在边界正确禁用。
和相似组件的区别
分支是一条替代上下文路径；历史会话是另一段独立对话。
RESEARCH & ALTERNATIVES
官方实现映射
以下是上游生态对同类交互的实现。上方运行的是 UI 自己的组件。
关键状态
React / Next.js · 来源核验