iter(g103): 区分表格两种空状态

This commit is contained in:
HIsheR
2026-10-26 13:54:06 +08:00
parent f4701af984
commit e497c160f2
6 changed files with 42 additions and 11 deletions
+8
View File
@@ -1180,6 +1180,14 @@
"acceptance": "overlay.ts 新增 trapFocus(box, isOpen):Tab / Shift+Tab 首尾环形,有无可用焦点与焦点在容器外的两种情况都拦回;modal / drawer 删掉本地实现改为调用(行为不变);image 预览层补 tabindex=-1 + 打开即聚焦 + 全程锁焦点;npm run check 全绿",
"notes": "自补:一致性与无障碍;陷阱实现单一来源,后续新增模态层直接复用",
"status": "done"
},
{
"id": "g103",
"title": "表格空状态区分「没数据」与「被筛掉」",
"motivation": "dataTable 不论有没有筛选词,0 行时一律显示「暂无匹配数据」:数据本身就空的时候提示「匹配」让人以为筛选还在生效,而筛选筛空的时候又不给任何出口,用户只能手动删掉输入框里的字才发现原来有数据",
"acceptance": "有筛选词时显示「没有符合「关键词」的行」并给「清除筛选」按钮(一次性清空关键字信号与内核筛选、回第 1 页);无筛选词时显示「暂无数据」且不出现按钮;关键字用受控信号持有,与筛选框同源;每行文件仍 ≤ 200 行;npm run check 全绿",
"notes": "自补:可用性;空状态行抽到 tableEmpty.ts,dataTable 顺手把 api 类型别名下沉到 types.ts 才没破 200 行",
"status": "open"
}
]
}