TDesign 是一款诞生于腾讯内部、拥有完整的设计价值观和视觉风格指南的企业级设计体系,同时提供了丰富的设计资源,在设计体系基础上产出基于 Vue、React、小程序等业界主流技术栈的组件库解决方案,适合用于构建设计统一 / 多端覆盖 / 跨技术栈的企业级前端应用。
目前,TDesign 发布了 2022 年 11 月的第一周更新,以下为各组件的新特性介绍(Bug fix 等内容请点击链接查看详情):
组件库
Vue2 for Web 发布 0.49.3
🚀 Features
Input
: (#1700)- 支持在输入框实时显示数字限制
- 支持对
unicode
字符长度的判定 status
为空时,不再添加无效类名t-is-default
Upload
: 文件列表上传支持使用fileListDisplay
自定义文件列表 (#1704)Pagination
: 透传selectProps
和selectProps.popupProps
到组件Pagination
,以便实现挂载节点等复杂场景需求, tdesign-react#1611 (#1702)TimePicker
: 新增onPick
API 用于每次选中面板值进行回调处理 (#1728)ConfigReceiver
:getKeepAnimationMixins
支持读取defaultGlobalConfig
(#1699)- 支持局部注册组件时,不再需要手动引入
Composition-API
(#1697)
详情见:https://github.com/Tencent/tdesign-vue/releases/tag/0.49.3
Vue3 for Web 发布 0.24.4
🚀 Features
Pagination
: 透传selectProps
和selectProps.popupProps
到组件Pagination
,以便实现挂载节点等复杂场景需求, (tdesign-react#1611) (#1931)Input
: 支持对unicode
字符长度的判定 (#1927)
详情见:https://github.com/Tencent/tdesign-vue-next/releases/tag/0.24.4
React for Web 发布 0.42.5
🚀 Features
Collapse
: 支持 expandIcon 属性 (#1651)Pagination
: 透传selectProps
和selectProps.popupProps
到组件Pagination
,以便实现挂载节点等复杂场景需求, issue#1611 (#1638)Input
:- 支持在输入框实时显示数字限制 (#1635)
- 支持对
unicode
字符长度的判定 (#1635)
详情见:https://github.com/Tencent/tdesign-react/releases/tag/0.42.5
Miniprogram for WeChat 发布 0.24.0
❗️BREAKING CHANGES
Radio
: 移除 color 属性,使用 CSS Variable 替代 (#944)
🚀 Features
Tabs
: 视觉全新升级 @LeeJim (#957)Tabs
: 新增 theme 属性,支持 line/tag/card (#957)Tabs
: 新增 CSS Variables,用于调整滑块尺寸 (#957)TabPanel
: 新增 badgeProps 属性,支持使用徽章 (#957)CheckTag
: 支持外部样式类 (#945)Radio
: 新增 CSS Variable 调整文案、图标等颜色,具体查看文档 (#944)
详情见:https://github.com/Tencent/tdesign-miniprogram/releases/tag/0.24.0
Vue3 for Mobile 发布 0.13.0
❗️BREAKING CHANGES
Message
:closeBtn
属性不再支持string
类型 (#429)
🚀 Features
Message
: 新增icon
,offset
属性 (#429)
详情见:https://github.com/Tencent/tdesign-mobile-vue/releases/tag/0.13.0
React for Mobile 发布 0.3.0
🚀 Features
NoticeBar
: 新增公告栏组件 (#292)Grid
: 透传所有非定义的 props 至根元素 (#293)
详情见:https://tdesign.tencent.com/mobile-react/getting-started
解决方案及周边
TDesign React Starter 发布 0.1.6
🚀 Features
- 升级组件库依赖至0.42+ 版本
🐞 Bug Fixes
- 修复部分页面样式展示的缺陷
- 优化顶部菜单布局
详情见:https://github.com/Tencent/tdesign-react-starter/releases/tag/0.1.6