首页
/ TDesign Vue Next 1.14.0 版本发布:功能增强与体验优化

TDesign Vue Next 1.14.0 版本发布:功能增强与体验优化

2025-06-27 09:10:57作者:冯梦姬Eddie

TDesign Vue Next 是基于 Vue 3 的企业级 UI 组件库,由腾讯前端团队开发和维护。它提供了丰富的组件和现代化的设计风格,帮助开发者快速构建高质量的 Web 应用。本次发布的 1.14.0 版本带来了多项功能增强和问题修复,进一步提升了组件的稳定性和用户体验。

新增功能亮点

组件 API 统一优化

Alert 组件新增了 closeBtn API,用于替代即将废弃的 close 属性。这一变更使得 API 命名更加统一和规范,开发者应尽快调整代码以使用新 API。这种统一命名规范的做法有助于降低学习成本,提高代码一致性。

插件场景支持增强

Dialog、Drawer、Loading、Message 和 Notification 等组件现在都支持 appContext 的绑定和传入。这一改进特别适合在插件场景中使用,解决了在这些场景下无法正常使用路由或全局指令的问题。例如,在 Vue 插件中创建弹窗时,现在可以正确访问到应用上下文中的路由和全局指令。

交互体验优化

Popup 组件优化了浮层箭头的显示逻辑。在空间不足的情况下,箭头现在会跟随浮层进行偏移,确保箭头位置始终准确指向触发元素。这一改进显著提升了提示类组件的视觉体验。

Select 组件在远程搜索场景下有了更好的表现。当使用 valueType="value" 时,组件现在能够保留已选中选项的数据进行展示,解决了之前选中项数据丢失的问题。同时,Select 组件还支持通过 selectInputProps 将多选属性透传到 valueDisplay,提供了更灵活的定制能力。

Tree 组件在多选场景下新增了节点 hover 提示功能,与单选场景保持一致。此外,修复了点击展开按钮错误触发 onClick 事件的问题,这一变更可能会影响依赖此前异常行为的业务逻辑,开发者需要特别注意。

问题修复与改进

本次版本修复了多个组件的已知问题:

  1. Cascader 组件修复了 valueType="full" 且 value 为 undefined 时的内部报错问题,提升了组件的健壮性。

  2. ColorPicker 组件解决了渐变模式下点击滑块添加色点时定位错误的问题,使颜色选择更加精准。

  3. Form 组件修复了 id 属性不生效的问题,确保了表单控件的可访问性。

  4. Popup 组件修复了当 triggerElement 为字符串类型时,不能正常用于元素选择器的问题,增强了组件的灵活性。

  5. TimeRangePicker 组件解决了点击面板确定按钮未重置非法格式输入的问题,提升了时间选择的可靠性。

  6. Textarea 组件优化了滚动条的样式问题,使文本输入区域的视觉效果更加协调。

文档与演示优化

Alert 组件的演示交互得到了改进。现在当关闭 Alert 后,会显示"显示 Alert"按钮以便恢复显示,这为开发者提供了更直观的组件行为展示。

总结

TDesign Vue Next 1.14.0 版本通过新增功能、优化体验和修复问题,进一步提升了组件库的质量和可用性。特别是对插件场景的支持增强和交互细节的优化,体现了团队对开发者体验的持续关注。建议开发者及时升级到最新版本,并根据变更说明调整相关代码,以获得最佳开发体验。

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