iter(g336): 表格行选择补读屏语义

This commit is contained in:
HIsheR
2026-10-27 02:10:09 +08:00
parent 74dacdc8f2
commit da09e29058
5 changed files with 18 additions and 9 deletions
+2 -2
View File
@@ -1,6 +1,6 @@
# @ui-arch 组件库 Agent 文档(无图形版)
> 自动生成于 2026-10-26T18:08:56.364Z,数据源:各包 ua.manifest.json,勿手改。人类版文档站:apps/docs/index.html。
> 自动生成于 2026-10-26T18:09:53.780Z,数据源:各包 ua.manifest.json,勿手改。人类版文档站:apps/docs/index.html。
> 组件 = 普通函数,传 props 返回 DOM;状态用 signal 双向绑定:读 signal() 写 signal(v)。
## 快速上手
@@ -1060,7 +1060,7 @@ dataTable({ data: users, selectable: true, columns: [{ key: 'name', header: '姓
4. 列展示细节用皮肤字段:align 控制表头与单元格对齐,format(value, row) 返回纯文本(走 textContent,不需要转义)
5. 数据源可以给信号或 computed(如筛选结果):变化时内核整体换源,选择状态按 rowKey 剔除已消失的行,排序与页码不被打断
6. 列宽用内核字段 width:数字(像素)固定该列,'flex' 或不设则按内容自适应
7. selectable: true 开启行选择:表头全选框带 indeterminate 半选态,工具栏显示已选计数
7. selectable: true 开启行选择:表头全选框带 indeterminate 半选态(aria-label「全选本页」),每行复选框读「选择第 N 行」、选中行标 aria-selected(淡底只是视觉),工具栏显示已选计数
8. 选中行用低视觉比重样式(淡色底 + 弱化文字),选择状态存 rowKey,跨页不丢失
9. 工具栏输入框即筛选,输入即时过滤并回第 1 页;无匹配时显示空状态行
10. 表头粘性固定(滚动容器 max-height 420px),斑马纹 + 悬停高亮由 CSS 提供