iter(g93): 树形组件支持按标签搜索
This commit is contained in:
+3
-1
@@ -1,6 +1,6 @@
|
||||
# @ui-arch 组件库 Agent 文档(无图形版)
|
||||
|
||||
> 自动生成于 2026-10-26T05:11:11.108Z,数据源:各包 ua.manifest.json,勿手改。人类版文档站:apps/docs/index.html。
|
||||
> 自动生成于 2026-10-26T05:12:11.001Z,数据源:各包 ua.manifest.json,勿手改。人类版文档站:apps/docs/index.html。
|
||||
> 组件 = 普通函数,传 props 返回 DOM;状态用 signal 双向绑定:读 signal() 写 signal(v)。
|
||||
|
||||
## 快速上手
|
||||
@@ -1136,6 +1136,7 @@ const i = signal(0); carousel({ items: [h('div', null, 'A'), h('div', null, 'B')
|
||||
- expanded:Signal<string[]> —— 展开的 key 集合;不传则内部维护
|
||||
- selected:Signal<string> —— 选中 key 信号;不传则内部维护
|
||||
- defaultExpandAll:boolean —— 首屏展开全部分支;缺省 false
|
||||
- searchable:boolean —— 顶部搜索框:按标签过滤,命中节点保留父链并自动展开;缺省 false
|
||||
- onSelect(回调):(node: TreeNode) => void —— 选中回调:点击标签或 Enter/空格触发
|
||||
- multi:boolean —— 是否显示勾选框并开启多选;缺省 false
|
||||
- checked:Signal<string[]> —— 勾选 key 集合(multi 时生效);不传则内部维护
|
||||
@@ -1156,6 +1157,7 @@ const sel = signal(''); tree({ nodes: [{ key: 'src', label: 'src', children: [{
|
||||
5. defaultExpandAll 首屏展开全部分支(外部已给 expanded 初值时以外部为准)
|
||||
6. multi: true 时每行前置勾选框:勾父级下钻全选子孙(跳过禁用项),子孙全选后父级自动上勾、部分勾选显示半选
|
||||
7. 勾选框点击不触发选中(stopPropagation),键盘在多选模式下 Enter/空格改为切换勾选
|
||||
8. 节点多时开 searchable:输入即过滤,命中节点连同父链一起显示,隐藏的枝不参与方向键遍历
|
||||
|
||||
现场演示:apps/docs/demo.html#sec-tree
|
||||
|
||||
|
||||
Reference in New Issue
Block a user