腾讯企业级设计体系 TDesign 发布 2022.4 第四周更新
TDesign 是一款诞生于腾讯内部、拥有完整的设计价值观和视觉风格指南的企业级设计体系,同时提供了丰富的设计资源,在设计体系基础上产出基于 Vue、React、小程序等业界主流技术栈的组件库解决方案,适合用于构建设计统一/多端覆盖/跨技术栈的企业级前端应用。
目前,TDesign 发布了 2022 年 4 月的第四周更新,带来如下变更:
Vue2 for Web 发布 0.41.0 版
⚠️BREAKING CHANGES
- Table: 拖拽排序修改为
drag=sort表示列拖拽排序,drag=row表示行拖拽排序,drag=row-handler表示行手柄列拖拽排序。如果您使用了drag="col"来实现行拖拽排序,请更为使用drag="row-handler"。存在不兼容更新
🐞 Bug Fixes
Table:- 修复
SSR场景下使用报错的问题 - 修复表头吸顶时不对齐的问题
- 按需引入
Button组件,避免业务按需引入Table组件时出现组件不存在报错的问题 - 修复无法使用插槽自定义过滤图标的问题
- 解决
TdBaseTableProps和TdPrimaryTableProps关于onCellClick的TS类型冲突
- 修复
Alert: 修复ts类型错误Cascader:- 修复可过滤状态下的下拉面板拉起闪烁的问题
- 修复可过滤状态下的输入内容未被正常销毁的问题
Transfer: 修复Transfer设置targetSort后未按预期展示的问题ConfigProvider: 修复ConfigProvider组件导出错误的问题TreeSelect:- 修复
value为数字0时,不渲染label的问题 - 修复
onBlur和onClear触发时,不会清除filter function的问题
- 修复
🌈 Features
Select: 去掉选中和下拉项中的title属性Table: 支持树形结构展示,行展开或收起时触发onTreeExpandChange事件Collapse: 新增Collapse折叠面板组件,使用请参照 官网Tree:Tree组件实现嵌套结构渲染能力- 部分属性改为不让
Vue监听,一定程度上提升组件性能,减少对外部组件交互性能的影响
详情见:https://github.com/Tencent/tdesign-vue/releases/tag/0.41.0
Vue3 for Web 发布 0.12.2 版
🐞 Bug Fixes
Transfer修复设置targetSort后未按预期展示的问题Anchor: 修复click事件参数不正确- 修复
slider引起的产物报错
详情见:https://github.com/Tencent/tdesign-vue-next/releases/tag/0.12.2
Vue3 for Web 发布 0.13.0 版
⚠️BREAKING CHANGES
Table: 拖拽排序,drag=sort表示列拖拽排序,drag=row表示行拖拽排序,drag=row-handler表示行手柄列拖拽排序。如果您使用了drag="col"来实现行拖拽排序,请更为使用drag="row-handler"。存在不兼容更新
🐞 Bug Fixes
Drawer: 修复header属性无效问题Textarea: 修复在设置自动高度后,赋值后不高度不改变的问题DatePicker: 修复当传入值为非日期格式的情况页面卡死的问题Transfer: 修复设置targetSort后未按预期展示的问题TreeSelect:- 修复
value渲染异常问题 - 修复组件在多选时无
v-model展示异常问题
- 修复
Upload:- 修复上传失败状态流转问题
- 修复上传文件尺寸限制计算问题
Table:- 多级表头和列配置功能混合使用时,表格宽度渲染不正确问题
- 表头吸顶,不对齐问题
- 列配置功能,按需引入
Button组件。避免业务按需引入Table组件时,出现组件不存在错误 - 无法使用插槽自定义过滤图标
- 修复
TdBaseTableProps和TdPrimaryTableProps关于onCellClick的TS类型冲突 - 单选,报错
e.stopPropagation is not a function - 单选 和 多选触发了不应该触发的
onChange事件
🌈 Features
Table:- 支持简易列拖拽排序
- 树形结构,行展开或收起时,触发事件
onTreeExpandChange
Checkbox: 使用compositionAPI重构Breadcrumb: 使用compositionAPI重构
详情见:https://github.com/Tencent/tdesign-vue-next/releases/tag/0.13.0
React for Web 发布 0.32.0 版
⚠️BREAKING CHANGES
Table: 重构table组件, 样式结构有所变动,存在不兼容更新
🐞 Bug Fixes
Select:- 修复多选+可搜索条件下输入问题
- 修复
multiple模式删除问题
Progress: 修复trackColor默认值导致背景色显示错误问题Dialog: 修复destroyOnClose为true时visible失效问题Layout: 修复ts类型警告table: 修复pagination数据同步问题
🌈 Features
Card: 新增Card组件ColorPicker: 新增ColorPicker组件Table: 重构table组件, 修复众多问题Divider: 优化文本模式在竖型模式下样式问题
详情见:https://github.com/Tencent/tdesign-react/releases/tag/0.32.0
Miniprogram for WeChat 发布 0.9.0 版
⚠️BREAKING CHANGES
Steps: 子组件名称从t-step改成t-step-item
🐞 Bug Fixes
Checkbox: 优化渲染性能Switch: 修复无法选择的问题
🌈 Features
ActionSheet: 新增动作面板组件NoticeBar: 新增公告栏组件
详情见:https://github.com/Tencent/tdesign-miniprogram/releases/tag/0.9.0
解决方案及周边
TDesign Starter CLI 发布 0.2.1 版
🌈 Features
- 支持
React解决方案分页面功能下载
详情见:https://github.com/Tencent/tdesign-starter-cli/releases/tag/0.2.1
更新公告:https://github.com/Tencent/tdesign/releases/tag/v.2022.4.24