iter(g67): tag 支持 checkable 筛选片,选中态与 aria-pressed 同步
This commit is contained in:
@@ -801,6 +801,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('前端') })",
|
||||
@@ -809,7 +825,8 @@
|
||||
"按语义选 variant:info 中性标记、success 通过、warning 待处理、danger 已失效",
|
||||
"closable: true 时必须配 onClose:把数据源里的该项删掉再重渲染(组件无状态,不自行摘除节点)",
|
||||
"组合用法:容器里用 renderList 按信号数组渲染 tag 列表,删除即写回信号",
|
||||
"标签是内联元素,可直接排进 .row 等容器,自动换行由容器决定"
|
||||
"标签是内联元素,可直接排进 .row 等容器,自动换行由容器决定",
|
||||
"需要可点的筛选片时传 checkable + checked:点击写回信号,视觉与 aria-pressed 同步,不做整块重渲染(焦点不丢)"
|
||||
]
|
||||
},
|
||||
{
|
||||
|
||||
Reference in New Issue
Block a user