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

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

2025-06-27 22:31:32作者:冯梦姬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 版本通过新增功能、优化体验和修复问题,进一步提升了组件库的质量和可用性。特别是对插件场景的支持增强和交互细节的优化,体现了团队对开发者体验的持续关注。建议开发者及时升级到最新版本,并根据变更说明调整相关代码,以获得最佳开发体验。

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

项目优选

收起
openHiTLS-examplesopenHiTLS-examples
本仓将为广大高校开发者提供开源实践和创新开发平台,收集和展示openHiTLS示例代码及创新应用,欢迎大家投稿,让全世界看到您的精巧密码实现设计,也让更多人通过您的优秀成果,理解、喜爱上密码技术。
C
53
468
kernelkernel
deepin linux kernel
C
22
5
nop-entropynop-entropy
Nop Platform 2.0是基于可逆计算理论实现的采用面向语言编程范式的新一代低代码开发平台,包含基于全新原理从零开始研发的GraphQL引擎、ORM引擎、工作流引擎、报表引擎、规则引擎、批处理引引擎等完整设计。nop-entropy是它的后端部分,采用java语言实现,可选择集成Spring框架或者Quarkus框架。中小企业可以免费商用
Java
7
0
RuoYi-Vue3RuoYi-Vue3
🎉 (RuoYi)官方仓库 基于SpringBoot,Spring Security,JWT,Vue3 & Vite、Element Plus 的前后端分离权限管理系统
Vue
878
517
Cangjie-ExamplesCangjie-Examples
本仓将收集和展示高质量的仓颉示例代码,欢迎大家投稿,让全世界看到您的妙趣设计,也让更多人通过您的编码理解和喜爱仓颉语言。
Cangjie
336
1.1 K
ohos_react_nativeohos_react_native
React Native鸿蒙化仓库
C++
180
264
cjoycjoy
一个高性能、可扩展、轻量、省心的仓颉Web框架。Rest, 宏路由,Json, 中间件,参数绑定与校验,文件上传下载,MCP......
Cangjie
87
14
CangjieCommunityCangjieCommunity
为仓颉编程语言开发者打造活跃、开放、高质量的社区环境
Markdown
1.08 K
0
openHiTLSopenHiTLS
旨在打造算法先进、性能卓越、高效敏捷、安全可靠的密码套件,通过轻量级、可剪裁的软件技术架构满足各行业不同场景的多样化要求,让密码技术应用更简单,同时探索后量子等先进算法创新实践,构建密码前沿技术底座!
C
349
381
cherry-studiocherry-studio
🍒 Cherry Studio 是一款支持多个 LLM 提供商的桌面客户端
TypeScript
612
60