TDesign Vue Next 1.11.0 版本发布：新增组件与功能优化

TDesign Vue Next 1.11.0 版本发布：新增组件与功能优化

TDesign Vue Next 是基于 Vue 3 的企业级 UI 组件库，由腾讯前端团队开发和维护。它提供了丰富的组件和功能，帮助开发者快速构建高质量的企业级应用。1.11.0 版本带来了几个重要的新功能和优化改进，下面我们来详细了解一下。

新增功能亮点

AutoComplete 空状态配置

AutoComplete 自动完成组件新增了 empty API，允许开发者自定义空状态下的下拉内容展示。这个功能特别有用，当用户输入内容但没有匹配结果时，可以展示友好的提示信息或自定义内容，提升用户体验。

DialogCard 非浮层对话框

新增了 dialogCard 组件，用于非脱离文档流的对话框场景。与传统的 Dialog 不同，DialogCard 不会创建新的层叠上下文，而是直接嵌入到当前文档流中。这种设计适合需要保持与页面其他元素布局关系的场景，比如侧边栏或嵌入式面板。

Table 数据校验功能

Table 组件新增了 validateTableCellData 实例方法，专门用于校验表格中可编辑单元格的数据。这个功能对于数据密集型应用特别有价值，开发者可以在提交前统一校验所有编辑过的单元格，确保数据的完整性和正确性。

重要问题修复

Select 组件优化

1. 改进了搜索逻辑，现在会优先展示完全匹配的选项，提升了搜索体验的精准度。
2. 修复了多选模式下点击清除按钮会重复触发 change 事件的问题。
3. 解决了可过滤场景下全选选项的异常行为，现在全选功能在各种过滤状态下都能正常工作。

Tree 组件改进

修复了动态切换 expandAll 时的功能异常问题，现在开发者可以更灵活地控制树形结构的展开状态。

Form 校验状态修复

修复了 status 属性没有正确应用到校验状态上的问题，现在表单控件的校验状态显示更加准确可靠。

Statistic 数值动画精度

修复了当 decimalPlaces=0 时数值动画期间精度错误的问题，确保统计数字在动画过程中也能正确显示。

TreeSelect 初始状态优化

改进了 TreeSelect 组件的初始渲染行为，现在会自动展开已选定的节点，让用户能立即看到自己的选择。

文档与开发者体验改进

1. 完善了 ConfigProvider 组件的 globalConfig API 文档，帮助开发者更好地理解和使用全局配置功能。
2. 为 Layout 子组件 Content 新增了详细的 API 文档。
3. 调整了全局配置页面的路由命名，与其他组件保持一致，提高了文档的规范性。
4. 新增了 ConfigProvider、Typography 等组件的编辑器提示功能，提升了开发时的编码体验。

技术架构优化

项目内部进行了依赖调整，将组件依赖的 lodash 替换为 lodash-es。这个改动带来了几个好处：

1. 更好的 Tree Shaking 支持，减少了最终打包体积
2. 更符合现代前端模块化标准
3. 与 Vue 3 的 ES 模块特性更加契合

总结

TDesign Vue Next 1.11.0 版本在功能丰富性和稳定性方面都有显著提升。新增的 DialogCard 组件为非浮层对话框场景提供了官方解决方案，Table 的数据校验功能增强了数据编辑的可靠性，而各种问题修复则进一步提升了组件的稳定性和用户体验。

对于正在使用或考虑使用 TDesign Vue Next 的开发者来说，这个版本值得升级。特别是那些需要处理复杂表单校验、树形选择或表格编辑功能的项目，新版本提供的改进将大大提升开发效率和用户体验。