iter(g67): tag 支持 checkable 筛选片,选中态与 aria-pressed 同步

This commit is contained in:
HIsheR
2026-10-26 12:36:14 +08:00
parent 173c3d520a
commit cc3c649b80
7 changed files with 101 additions and 9 deletions
+19 -2
View File
@@ -1,6 +1,6 @@
{
"$schema": "ui-arch-registry-index/0.1",
"generatedAt": "2026-10-26T04:34:05.417Z",
"generatedAt": "2026-10-26T04:35:37.103Z",
"repoRoot": ".",
"packages": [
{
@@ -930,6 +930,22 @@
"t": "() => void",
"k": 1,
"d": "关闭回调:调用方从数据源移除该项后重新渲染"
},
{
"n": "checkable",
"t": "boolean",
"df": "false",
"d": "可选中:渲染为筛选片(button + aria-pressed);与 closable 互斥,同时传以 checkable 为准"
},
{
"n": "checked",
"t": "Signal<boolean>",
"d": "选中态信号,双向绑定(点击写回、外部赋值同步);不传则组件内部自持"
},
{
"n": "onChange",
"t": "(checked: boolean) => void",
"d": "选中态变化回调,参数是点击后的新值"
}
],
"example": "tag({ label: '前端', variant: 'info', closable: true, onClose: () => remove('前端') })",
@@ -938,7 +954,8 @@
"按语义选 variant:info 中性标记、success 通过、warning 待处理、danger 已失效",
"closable: true 时必须配 onClose:把数据源里的该项删掉再重渲染(组件无状态,不自行摘除节点)",
"组合用法:容器里用 renderList 按信号数组渲染 tag 列表,删除即写回信号",
"标签是内联元素,可直接排进 .row 等容器,自动换行由容器决定"
"标签是内联元素,可直接排进 .row 等容器,自动换行由容器决定",
"需要可点的筛选片时传 checkable + checked:点击写回信号,视觉与 aria-pressed 同步,不做整块重渲染(焦点不丢)"
]
},
{