用途:Filter Panel 模式用于实现筛选与细化数据展示,帮助用户在不丢失当前生效约束和可用结果的情况下缩小大型集合范围,适合搜索与目录筛选、分析范围界定、表格与列表收窄。
主要能力:提供筛选面板的解剖结构与示例,覆盖键盘交互、屏幕阅读器支持、视觉可访问性等无障碍护栏,以及性能护栏,如先测量默认视图渲染成本、在渲染过多条目时使用分页、窗口化或渐进披露、稳定高度与占位几何以减少布局偏移。
使用方式:实现前先确认模式是否匹配问题与约束,再参考 references/pattern.md 从解剖结构和示例出发,选择最小可行变体;先应用无障碍、性能和交互护栏,再叠加视觉打磨;用测试指南在键盘、屏幕阅读器、响应式和失败场景中验证行为。
适用场景:搜索与目录筛选、分析范围界定、表格和列表收窄。
限制:用户只需一两个值而非完整布局时,应使用更简单的视图;任务为创建或编辑而非解释时避免使用;移动端若其他表现形式更清晰,不应强行套用同一视图。注意避免先选布局后定任务、忽略非正常状态、以及只按桌面密度设计等常见错误。