腾讯企业级设计体系 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 APIInputNumber: 支持autoWidth、tips、status、align APIDialog: 修复DialogPlugin关闭后滚动问题Cascader: 修复multiple模式点击后关闭popup问题Table: 修复key有0的数据时的排序问题Cascader: 修复children boolean类型问题Grid: 支持获取css vars做响应式判断Icon: 支持自定义UrlSlider: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