Sources

基础用法

示例加载中...

variant="stack" 把头部的地球图标换成前几条来源的站点图标，重叠排列。折叠状态下读者就能看出引用了哪些站点，展不展开都成立。

示例加载中...

variant="stack" 最多取前 3 条能画出图标的来源；一条都画不出时回落到地球图标，而不是留一片空白。图标加载失败后该条退出堆叠，后面的来源顶上来。
堆叠图标的描边色走 --tx-sources-stack-ring（默认取页面底色）：它的作用是在重叠处挖出缝隙，头部放在非页面底色的容器上时需要改指向。
链接不会自己跳转。 点击时组件调用 preventDefault() 并派发 open，是否打开、在哪打开由宿主决定——这对沙箱环境（如 Electron 渲染进程）是刻意设计。
href 仍然写在 <a> 上，所以「在新标签页打开」「复制链接地址」等浏览器原生右键菜单依旧可用。
展开态由组件自己持有，初值取 defaultOpen；这是非受控组件，后续改 defaultOpen 不生效。
折叠标题默认是 Used N source(s)，会按单复数变形；labelFormatter 可整体接管。
标题回退到域名：title 为空时显示 url 的 hostname（去掉 www.）；url 无法被 URL 解析时，原样显示 url 本身。
站点图标加载失败会被永久记下并停止重试该条，不会反复请求坏图。
图标标了 alt="" 与 aria-hidden，可访问名称由标题与域名文本承载。
列表是 <ol>，序号来自渲染顺序而非数据字段——重排 sources 就会重排编号。

属性名	类型	默认值	说明
`sources`	`AiSourceItem[]`	—	引用列表；`AiSourceItem` 为 `{ id, url, title?, favicon? }`。必填。
`labelFormatter`	`(count: number) => string`	—	自定义折叠标题；未设时回退到 `Used N source(s)`。
`defaultOpen`	`boolean`	`false`	初始是否展开。仅在挂载时读取一次。
`variant`	`'default' \| 'stack'`	`'default'`	`stack` 用重叠的站点图标替代头部的地球图标。

事件名	参数	说明
`open`	`(source: AiSourceItem)`	点击某条引用时派发。默认跳转已被阻止，导航需宿主自行完成。

TxSources 不暴露插槽。条目结构固定为序号 + 图标 + 标题 + 域名。