iter(g310): multiSelect 补全选与半选
This commit is contained in:
+3
-1
@@ -1,6 +1,6 @@
|
||||
# @ui-arch 组件库 Agent 文档(无图形版)
|
||||
|
||||
> 自动生成于 2026-10-26T16:38:55.415Z,数据源:各包 ua.manifest.json,勿手改。人类版文档站:apps/docs/index.html。
|
||||
> 自动生成于 2026-10-26T16:40:39.175Z,数据源:各包 ua.manifest.json,勿手改。人类版文档站:apps/docs/index.html。
|
||||
> 组件 = 普通函数,传 props 返回 DOM;状态用 signal 双向绑定:读 signal() 写 signal(v)。
|
||||
|
||||
## 快速上手
|
||||
@@ -1658,6 +1658,7 @@ affix({ offset: 8 }, card({ title: '滚动时我会贴顶' }, h('p', null, '正
|
||||
- disabled:boolean | Signal<boolean> —— 禁用整个下拉
|
||||
- onChange:(values: string[]) => void —— 变更回调(传副本)
|
||||
- clearable:boolean —— 开启后有选中值时在右缘显示一键清空按钮;缺省不渲染
|
||||
- selectAll(默认 false):boolean —— 弹层顶部给「全选」行(只作用于当前过滤结果,半选显示 –,到 max 补满即停);缺省 false
|
||||
|
||||
示例:
|
||||
|
||||
@@ -1674,6 +1675,7 @@ multiSelect({ value: tagPick, max: 3, placeholder: '选择技术栈', options: [
|
||||
5. value 传数组信号即受控,外部写入会同步标签区
|
||||
6. 选中项多时传 maxTagCount: 2 折叠:前 2 枚标签照常逐个删除,其余折成虚线「+N」,悬停 title 给出被折叠的项名,点它直接展开弹层;受控数组一变折叠数就重算
|
||||
7. 候选分组同样用 group 字段:小标题是不可点击的 li(不占键盘高亮下标),选中后的标签顺序仍按点击顺序而非分组顺序
|
||||
8. 候选多到「一个个点太慢」时开 selectAll:弹层顶部多一行「全选(3/8)」,半选显 –、全选再点即清空这批;它只作用于当前过滤结果,先搜再全选就是「按条件批量选」
|
||||
|
||||
现场演示:apps/docs/demo.html#sec-multiselect
|
||||
|
||||
|
||||
Reference in New Issue
Block a user