UDesign 组件更新 | 近期优化迭代

网友投稿 • 2022年10月18日 pm3:15 • 云知识 • 阅读 2

摘要：一日期时间相关组件改版月初对日期时间相关组件交互上进行了一波大更新，主要是为了减少用户的操作成本，减少展示占用面积。单日期范围选择器中选择日期后，自动跳转至下一个框进行选择，都选择完成后自动确认。单日期范围选择器中使用双面板展示。

一、日期时间相关组件改版（DatePicker、TimePicker）

6 月初对日期时间相关组件 DatePicker、TimePicker 交互上进行了一波大更新，主要是为了减少用户的操作成本，减少展示占用面积。

背景/现状

原先确定操作过多、体验比较复杂，其次样式上字体小、组件整体尺寸又偏大，窗口缩放时日历面板自适应定位体验不好，且内容可读性差。

优化逻辑和效果

还有一些细节上的调整如：范围选择器选中一个时间节点后另一个节点会按照前一个选中的节点来禁用部分事件等。

二、选择器组件改版（ Select ）

7 月初对 Select 组件进行了改版，主要为了确定后续 Select 组件的定位：只负责简单内容的选择，如列表项多、存在层级时需使用其它方案来替代。

背景/现状

原先多选结果展示可读性差，全选以及搜索功能下的全选逻辑复杂，实际效果与客户期望不一致。

优化逻辑和效果

由于本次改动中交互存在与之前版本不兼容的问题：搜索区域、新版不支持多层数据结构，顾依旧保留之前的版本，在识别到配置不兼容时自动切换为旧版本：

其它还有一些细节变动：如下拉最小宽度默认为选择器的宽度，搜索压缩 tag 展示等，选择后清空搜索等。

三、ActionList 增加自动伸缩功能

由于控制台中很多产品的表格中存在操作按钮列宽度与实际宽度不太匹配的情况，导致操作按钮折行的现象，因此在 ActionList 中添加了自动伸缩功能，使用 autoAdjustment 后 ActionList 会根据列宽自动调整展示数量，最多为 exposeCount，该参数在控制台中为默认启用。

如果在宽度确定时不建议使用该参数，因为自动调整需要不断重绘来测试可放置的数量，而表格中操作列都较多，一定程度上会影响性能。

四、其它更新

其它还有一些小更新如：

UDesign 组件更新 | 近期优化迭代

原创文章，作者：网友投稿，如若转载，请注明出处：https://www.cloudads.cn/archives/4275.html