TDesign Vue Next 1.13.0版本发布：新增懒加载特性与多项优化

TDesign Vue Next 1.13.0版本发布：新增懒加载特性与多项优化

tdesign-vue-next A Vue3.x UI components lib for TDesign. 项目地址: https://gitcode.com/gh_mirrors/tde/tdesign-vue-next

TDesign是腾讯开源的企业级UI组件库，Vue Next版本是其基于Vue 3的现代化实现。1.13.0版本带来了多项实用功能增强和问题修复，特别在懒加载、颜色选择器和表单组件方面有显著改进。

核心功能增强

懒加载支持

Dialog和Drawer组件新增了lazy属性，这是一个重要的性能优化特性。当设置为true时，组件不会在初始渲染时直接加载，而是在首次需要显示时才进行渲染。这对于包含大量弹窗的页面性能提升尤为明显，特别是在SPA应用中。

颜色选择器改进

ColorPicker组件进行了多项重要改进：

1. 现在能自动根据触发器、最近使用颜色和预设颜色的色值自动切换单色和渐变模式
2. 当只开启渐变模式时，会自动过滤预设颜色和当前颜色中的非渐变色值
3. 新增了HEX8格式支持，移除了HSB格式
4. 修复了透明通道开启时的返回值格式化问题

这些改进使得颜色选择器在专业设计场景下更加实用和精确。

时间选择器新增回调

TimePicker组件新增了onConfirm和onClear回调方法，为开发者提供了更细粒度的时间选择控制能力，可以更好地响应用户的确认和清除操作。

重要问题修复

组件交互优化

RadioGroup组件修复了两个关键交互问题：

1. 修复了阻止默认行为时机错误导致无法正确输入空格的问题
2. 修复了键盘操作时重复触发onChange事件的问题

这些修复显著提升了表单组件的键盘操作体验。

样式和渲染问题

多个组件修复了样式和渲染相关的问题：

• Cascader修复了下拉面板默认边距问题和超长文字显示异常
• Space修复了嵌套组件样式错误应用和Teleport结构渲染问题
• Tag修复了max-width未设置时title属性渲染问题
• Textarea修复了autosize模式下初始高度计算不正确的问题

键盘事件冲突

修复了Dialog、Drawer等弹窗组件组合使用时ESC按键关闭冲突的问题，使得多弹窗场景下的键盘操作更加合理。

其他优化

TagInput组件优化了可拖拽调整位置状态下的鼠标光标显示为移动样式，并改进了处理空值的逻辑，提升了用户体验。Space组件还修复了fragment虚拟节点未展开的问题。

这个版本在保持稳定性的同时，通过新增特性和修复问题，进一步提升了TDesign Vue Next的实用性和用户体验。特别是懒加载特性的加入，为大型应用的性能优化提供了新的可能性。

tdesign-vue-next A Vue3.x UI components lib for TDesign. 项目地址: https://gitcode.com/gh_mirrors/tde/tdesign-vue-next