TDesign 是一款诞生于腾讯内部、拥有完整的设计价值观和视觉风格指南的企业级设计体系,同时提供了丰富的设计资源,在设计体系基础上产出基于 Vue、React、小程序等业界主流技术栈的组件库解决方案,适合用于构建设计统一/多端覆盖/跨技术栈的企业级前端应用。
目前,TDesign 发布了 2022 年 4 月的第四周更新,带来如下变更:
⚠️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
🐞 Bug Fixes
Transfer 修复设置 targetSort 后未按预期展示的问题
Anchor: 修复 click 事件参数不正确
- 修复
slider 引起的产物报错
详情见:https://github.com/Tencent/tdesign-vue-next/releases/tag/0.12.2
⚠️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
详情见:https://github.com/Tencent/tdesign-starter-cli/releases/tag/0.2.1
更新公告:https://github.com/Tencent/tdesign/releases/tag/v.2022.4.24