TDesign 是一款诞生于腾讯内部、拥有完整的设计价值观和视觉风格指南的企业级设计体系,同时提供了丰富的设计资源,在设计体系基础上产出基于 Vue、React、小程序等业界主流技术栈的组件库解决方案,适合用于构建设计统一/多端覆盖/跨技术栈的企业级前端应用。
目前,TDesign 发布了 2022 年 4 月的第三周更新,带来如下变更:
组件库
🐞 Bug Fixes
Timepicker: 修复手动清空 value 时异常的问题
Textarea: 修复输入数字零时显示异常的问题
Menu: 修复局部注册组件时报错的问题
Select: 修复可过滤的选择器提前换行的问题
🌈 Features
Form: 默认渲染 extra DOM 节点
Dialog: 新增 showInAttachedElement API 用于控制是否仅在挂载元素中显示弹窗
Card: 新增卡片组件
Swiper: 新增轮播框组件
详情见:https://github.com/Tencent/tdesign-vue/releases/tag/0.40.3
React for Web 发布 0.31.0 版
⚠️BREAKING CHANGES
FormItem 样式调整,默认渲染 extra 文本节点占位,FormItem 上下 margin 有所调整 ,存在不兼容更新
Popconfirm: 移除 PopConfirm 组件导出,请更改为 Popconfirm
🐞 Bug Fixes
Cascader:
- 修复
filterable 模式下展示异常
- 修复多选与筛选时文本过长的展示异常
Popup:
- 修复初始化翻转逻辑判断错误
- 修复嵌套浮层
click 时关闭异常
- 修复
trigger 元素变化后展示异常
Slider: 修复 max 数值过大浏览器崩溃问题
Breadcrumb: 修复面包屑初始样式被覆盖问题
GlobalConfig: 修复 ts 类型问题
Menu: 修复 MenuGroup 嵌套时样式问题
Select: 修复输入事件异常
Dialog: 修复 destory 函数未真正销毁组件问题
🌈 Features
Form: 新增动态表单能力,可使用 FormList 组件管理表单项
Popconfirm: 移除 PopConfirm 组件导出,请更改为 Popconfirm
Popup: 支持 attach 函数传入 triggerNode
详情见:https://github.com/Tencent/tdesign-react/releases/tag/0.31.0
Miniprogram for WeChat 发布 0.8.0 版
⚠️BREAKING CHANGES
CheckboxGroup: change 事件返回的 value 将会过滤非 checkbox 的值,存在不兼容更新
🐞 Bug Fixes
Steps: 修复子步骤条不支持 status 的问题
Picker: 修复出现空白的取消和确认按钮
Swiper: 修复点击误触发翻页问题
Radio: 修复 label 错误的渲染位置
Checkbox: 修复 label 错误的渲染位置
Textarea:
- 修复缺失的
label 插槽
- 修复传入
adjust-position 不生效的问题
Transition: 修复动画过程中触发 leave 会导致界面卡死的问题
🌈 Features
DropdownMenu: 新增下拉菜单组件
Radio: 新增 borderless 属性
Checkbox:
- 新增
borderless 属性
- 新增
theme 属性,添加 tag 类型,默认值为 default
CheckboxGroup: 新增 customStyle 属性,透传 style 至根元素
详情见:https://github.com/Tencent/tdesign-miniprogram/releases/tag/0.8.0
Vue3 for Mobile 发布 0.8.4 版
🐞 Bug Fixes
Swiper: 修复动态绑定时出错问题
List: 修复组件 demo 代码运行出错的问题
Input: compositionend 优化
🌈 Features
Tabs: 新增 stickyProps,支持滚动到顶部时自动吸顶
PullDownRefresh: loadingBarHeight 属性支持 string 类型,代码优化
详情见:https://github.com/Tencent/tdesign-mobile-vue/releases/tag/0.8.4
设计资源
Figma for Starter 发布 1.0.1 版
🔥 TDesign Starter 基础版已发布
- 提供适用于中后台多种场景的
Figma 页面模板设计文件
详情见:https://www.figma.com/community/file/1096715990751064502
更新公告:https://github.com/Tencent/tdesign/releases/tag/v2022.4.17