来源与引用
Sources / Citations
让回答的依据可追溯，并给用户验证原文的入口。
app.mjs
import { mount } from '@sofish/ui/browser';
const view = mount(
document.querySelector('#example'),
'sources'
);
// view.update({ ...nextProps });
// view.destroy();什么时候用
研究、事实性回答或需要审查依据的结果。
什么时候不用
没有真实来源时不要用装饰性引用制造可信感。
COMPONENT API
属性与事件
传入业务数据，通过事件连接你的应用。
| 属性 | 默认值 |
|---|---|
items | [{"label":"shadcn/ui","description":"Sources 官方模式","url":"https://ui.shadcn.com/docs/ai-elements/base/sources"},{"label":"MUI","description":"通用组件目录", |
事件
展示组件；通过 update(props) 更新内容。
INTERACTION NOTES
交互与可访问性
- 链接说明来源名称。
- 引用不能只依赖鼠标悬停才能打开。
和相似组件的区别
Sources 汇总出处；行内引用还需把论断与具体来源关联。
RESEARCH & ALTERNATIVES
官方实现映射
以下是上游生态对同类交互的实现。上方运行的是 UI 自己的组件。
关键状态
React / Next.js、Vue / Nuxt · 来源核验