Taipy项目中的核心选择器UI优化方案解析

背景介绍

Taipy作为一个开源的数据应用开发框架，其用户界面组件的易用性和直观性直接影响开发者的使用体验。在最新版本中，开发团队发现核心选择器组件（CoreSelector）存在多处用户体验问题，特别是在表格过滤和排序功能方面。

当前问题分析

术语不一致性问题

现有界面中使用了"Column"（列）这一术语来指代属性名称，这在非表格场景下容易造成混淆。例如在数据节点选择器中，开发者实际上是在选择属性而非表格列。

默认选择逻辑缺陷

当只有一个可筛选/排序属性时，系统没有自动选择该属性，增加了不必要的用户操作步骤。这种设计违背了"智能默认值"的UI设计原则。

操作符表述问题

当前的操作符表述存在多处语言问题：

• 字符串比较使用"not equals"不够专业
• 布尔值比较使用"equals"和"not equals"不够直观
• 日期比较的"before"和"after"与"equals"动词形式不一致
• 数字比较也存在类似的语言一致性问题

输入框默认值问题

过滤值输入框默认显示"Empty string"（空字符串），这既不符合实际使用场景，也造成了界面混乱——当用户选择该默认值时，它会变成字段标签。

优化方案详解

术语统一方案

1. 将"Column"统一改为"Property"（属性），更准确地反映实际功能
2. "Action"改为"Condition"（条件），更符合过滤/排序场景的语义
3. 输入框默认值改为简单的"Value"（值）

操作符表述优化

针对不同数据类型采用更专业的操作符表述：

字符串类型

• is（等于）
• is not（不等于）
• contains（包含）
• does not contain（不包含）
• starts with（以...开头）
• ends with（以...结尾）

布尔类型

• is（是）
• is not（不是）

日期类型

• is on（等于）
• is before（早于）
• is after（晚于）
• is on or before（等于或早于）
• is on or after（等于或晚于）

数字类型

• is（等于）
• is not（不等于）
• is greater than（大于）
• is less than（小于）
• is greater than or equal to（大于等于）
• is less than or equal to（小于等于）

智能默认值实现

当检测到只有一个可筛选/排序属性时：

1. 自动选择该属性
2. 根据属性类型自动选择最常用的操作符
3. 减少用户不必要的操作步骤

工具提示增强

为各控件添加解释性工具提示：

• 属性选择器："选择您要过滤/排序的属性名称"
• 条件选择器："选择要应用于所选属性的条件"
• 值输入框："输入您要过滤/排序的值"

技术实现要点

该优化涉及TableFilter和TableSort两个核心组件的API扩展：

1. 新增属性标签配置参数
2. 重构操作符表述逻辑
3. 添加智能默认值检测机制
4. 实现工具提示功能

质量保证要求

为确保优化质量，需要满足：

1. 新增代码100%单元测试覆盖
2. 整体代码覆盖率保持在90%以上
3. 进行跨浏览器兼容性测试
4. 执行无障碍访问(A11y)测试

总结

通过对Taipy核心选择器UI的系统性优化，将显著提升开发者在数据过滤和排序场景下的使用体验。这些改进不仅解决了现有问题，还通过智能默认值和增强的工具提示等功能，使界面更加直观和高效。