腾讯企业级设计体系 TDesign 发布 2022.3 第三周更新

TDesign 是一款诞生于腾讯内部、拥有完整的设计价值观和视觉风格指南的企业级设计体系，同时提供了丰富的设计资源，在设计体系基础上产出基于 Vue、React、小程序等业界主流技术栈的组件库解决方案，适合用于构建设计统一/多端覆盖/跨技术栈的企业级前端应用。

目前，TDesign 发布了 2022 年 3 月的第三周更新，带来如下变更：

组件库

Vue2 for Web 发布 0.37.2 版

• Button: 修复 disabled 不生效的问题
• Cascader: 修复文字过长时不显示 tooltip 的问题
• Datepicker: 修复 Form 中使用时，触发校验时机错误的问题
• InputNumber: 修复小数计算错误的问题
• Popup: trigger 为 hover 时点击引用元素保持开启状态，防止菜单消失
• TagInput ：修复相关样式问题
• TreeSelect: 修复异步加载数据的情况下，label 展示错误的问题
• Timepicker: close、open 事件回调增加参数

详情见：https://github.com/Tencent/tdesign-vue/releases/tag/0.37.2

Vue3 for Web 发布 0.10.2 版

• Upload: 增加合并上传,支持国际化配置
• Select:支持单选 valueDisplay 插槽
• Popup: 新增 enter、leave 事件，支持鼠标进入、移出的事件
• Input: 新增 autoWidth、align、tips 的支持，统一 InputNumber 中的 Input 使用 Input 组件减少重复实现
• Notification: 优化完善回收时的动画效果
• DatePicker:打开时间面板重置时间
• Menu:修复在没 overflow 时，仍出现滚动条的问题
• Input: 修复组件keypress 事件未触发,修复在 readonly 模式下的聚焦样式
• TagInput: 修复 breakline 模式下的 clearIcon 样式重叠, 修复 autowidth 模式下的 padding 不对称,修复超出滚动失效

详情见：https://github.com/Tencent/tdesign-vue-next/releases/tag/0.10.2

React for Web 发布 0.28.0 版

• Swiper: 交互、设计、API 全部重构，如有使用老的 Swiper 组件需重新接入，⚠️存在不兼容更新
• Swiper: 重构 swiper 组件
• Table: 支持 onChange API 
• InputNumber: 支持 autoWidth、tips、status、align API
• Dialog: 修复 DialogPlugin 关闭后滚动问题
• Cascader: 修复 multiple 模式点击后关闭 popup 问题
• Table: 修复 key 有 0 的数据时的 排序 问题
• Cascader: 修复 children boolean 类型问题
• Grid: 支持获取 css vars 做响应式判断
• Icon: 支持自定义 Url
• Slider: label 支持 function 自定义渲染
• Form: 支持 showErrorMessage API  & help 支持 Tnode 类型
• FormItem: 兼容包裹 upload 组件时未传入 initialData 场景

详情见：https://github.com/Tencent/tdesign-react/releases/tag/0.28.0

Miniprogram for WeChat 发布 0.6.2 版

• Button:兼容不支持 wx://form-field-button 的版本、修正 type 属性的正确实现
• 修复在 form 下无法获取值的问题
• Upload: 修复关闭按钮层级过低的问题
• Toast: 修复层级过低的问题
• Rate: 修复 iOS 下颜色失效的问题
• Button: 新增 customDataset 属性，可通过 event.currentTarget.dataset.custom 获取
• Upload: 支持对图片和视频的同时上传

详情见：https://github.com/Tencent/tdesign-miniprogram/releases/tag/0.6.2

Miniprogram for WeChat 发布 0.7.0 版

• Image:属性 load-failed 变更为 error；属性 lazy-load 变更为 lazy，⚠️存在不兼容更新
• Button: 样式调整
• Tag: 修复样式文件冗余的问题
• Steps: 修复样式文件冗余的问题
• Image: 新增 shape 属性

详情见：https://github.com/Tencent/tdesign-miniprogram/releases/tag/0.7.0

Vue3 for Mobile 发布 0.8.0 版

• dropdown-menu: 移除冗余的 dom 结构
• search: 修复样式丢失问题
• input：修复输入框样式丢失问题
• grid： 修复 grid-item 样式丢失问题
• 新增 pull-down-refresh 组件

详情见：https://github.com/Tencent/tdesign-mobile-vue/releases/tag/0.8.0

设计资源

Figma 组件库优化 1.0.6 版

• InputNumber：修复递增递减按钮位置问题
• Icon：修复star-filled 倒角问题

详情见：https://tdesign.tencent.com/source

Axure 组件库优化 1.0.3 版

• 新增常用小工具，方便用户编辑交互标记与说明
• 优化列表呈现方式，重新编组
• 优化Table 实现逻辑，使用 Axure 原生表格和矩形两种方式实现，方便修改和编辑

详情见：https://tdesign.tencent.com/source

更新公告：https://github.com/Tencent/tdesign/releases/tag/v.2022.3.20