首页
/ TDesign Vue 1.10.9版本发布:优化AutoComplete与Table组件体验

TDesign Vue 1.10.9版本发布:优化AutoComplete与Table组件体验

2025-07-08 20:49:31作者:鲍丁臣Ursa

TDesign Vue是腾讯开源的企业级UI组件库,基于Vue 3.x开发,提供丰富的组件和良好的开发体验。1.10.9版本主要针对AutoComplete和Table组件进行了功能增强和问题修复,同时为DatePicker组件增加了更灵活的日期范围选择能力。

AutoComplete组件增强

本次更新为AutoComplete自动完成组件带来了两项重要改进:

  1. 新增了empty API,允许开发者自定义下拉列表为空时的展示内容。这个特性解决了以往空状态下显示效果不友好的问题,开发者现在可以通过这个API设置提示文本或自定义组件,提升用户体验。

  2. 修复了选项为空时显示效果异常的问题。之前的版本中,当下拉列表没有匹配项时,可能会出现样式错乱或显示不一致的情况,新版本确保了空状态下的UI表现一致性。

DatePicker组件功能扩展

DatePicker日期选择器组件新增了cancelRangeSelectLimit API,这个功能特别针对日期范围选择场景:

  • 默认情况下,日期范围选择器可能会限制可选日期范围(如不能选择过去日期或未来日期)
  • 通过设置cancelRangeSelectLimit为true,开发者可以解除这些限制,允许用户自由选择任何日期范围
  • 这个特性在需要完全灵活日期选择的业务场景中非常有用

Table组件优化

Table表格组件在本版本中获得了多项改进:

  1. 优化了select-change事件的回调参数,确保不再返回不存在的rowData。这个修复避免了在某些边界情况下可能出现的undefined数据问题。

  2. 修复了键盘操作表格左右滚动的问题。现在用户可以通过键盘方向键完整控制表格的水平滚动,提升了键盘操作体验,特别是对于无障碍访问场景。

总结

TDesign Vue 1.10.9版本虽然是一个小版本更新,但在细节体验上做了不少优化。AutoComplete组件的空状态处理和Table组件的键盘操作改进,都体现了对用户体验的持续关注。DatePicker的新增API则为开发者提供了更灵活的日期选择控制能力。这些改进使得TDesign Vue在企业级应用开发中更加可靠和易用。

对于正在使用或考虑采用TDesign Vue的开发者,建议关注这些组件的改进点,特别是如果项目中使用了相关功能,可以考虑升级以获得更好的开发体验和最终用户满意度。

登录后查看全文
热门项目推荐
相关项目推荐