TDesign Vue Next 1.12.0 版本发布：增强表单交互与组件功能
项目地址: https://gitcode.com/gh_mirrors/tde/tdesign-vue-next TDesign Vue Next 是基于 Vue 3 的企业级 UI 组件库，由腾讯前端团队开发和维护。它提供了丰富的组件和工具，帮助开发者快速构建高质量的 Web 应用。1.12.0 版本带来了多项功能增强和问题修复，特别是在表单交互、导航组件和可视化组件方面有显著改进。
核心功能增强
面包屑导航优化
Breadcrumb 组件新增了 ellipsis、maxItems 等 API，支持在空间有限时自动折叠面包屑导航项。开发者可以通过 itemsAfterCollapse 和 itemsBeforeCollapse 参数灵活控制折叠前后的显示项数，这在移动端或紧凑布局中特别实用。
日期选择器改进
DatePicker 组件新增了 readonly 属性，允许开发者将日期选择器设置为只读状态。同时修复了在 readonly 为 true 时 clearable 仍然生效的问题，使表单控制更加精确。
抽屉组件功能扩展
Drawer 组件新增了插件式调用方式 DrawerPlugin，支持通过函数式调用快速创建抽屉。新增的 drawerClassName API 允许开发者自定义抽屉的样式类名，提高了样式定制能力。
表单必填标记定位
Form 组件新增了 requiredMarkPosition 属性，可以控制必填标记（通常是红色星号）的位置，支持放在标签前或标签后，满足不同设计规范的需求。
图标库扩充
本次更新新增了多个实用图标，包括小程序 logo（logo-miniprogram）、云原生构建 logo（logo-cnb）、印章（seal）和引号（quote）等，丰富了可视化表达手段。
交互体验优化
颜色选择器改进
ColorPicker 组件新增了 onClear 回调，当用户点击清除按钮时会触发该事件。同时修复了颜色切换无效的问题，提升了颜色选择体验。
数字输入框边界处理
InputNumber 组件优化了数字边界处理逻辑，修复了 tips 插槽重复渲染的问题，使数字输入更加稳定可靠。
选择器功能增强
Select 组件在多选模式下优化了键盘操作体验，修复了全选选项无法通过键盘选中的问题。同时改进了回车键交互逻辑，使单选和多选模式的行为更加一致。
问题修复与稳定性提升
菜单组件修复
修复了 MenuItem 的 onClick 事件可能触发两次的问题，确保了事件处理的准确性。
表格组件改进
Table 组件修复了分页时行选择逻辑的问题，确保当 reserveSelectedRowOnPaginate 为 false 时能正确返回当前页的全选数据。同时修复了列 checkProps 未配置时行选中行为异常的问题。
标签页优化
Tabs 组件优化了路由切换过程中的初始化逻辑，避免了可能的卸载错误。同时改进了超长标签的滑动效果，提升了用户体验。
树形选择器修复
TreeSelect 组件修复了当 valueType 为 'object' 且无初始化选中数据时可能出现的错误，提高了组件的稳定性。
总结
TDesign Vue Next 1.12.0 版本通过新增功能和修复问题，进一步提升了组件的可用性和稳定性。特别是对表单相关组件的增强，使得开发者能够构建更加灵活和强大的表单交互。图标库的扩充也为界面设计提供了更多选择。这些改进使得 TDesign Vue Next 在企业级应用开发中更具竞争力。
创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
