TDesign 更新周报（2022年7月第3周）

组件库

Vue2 for Web 发布 0.44.0

❗ Breaking Changes

• DatePicker: 部分样式类命名调整，更符合 BEM 规范，存在不兼容更新，如有覆盖日期选择器样式的小伙伴请注意调整，其他同学可以忽略

🌈 Features

• Jumper: 新增 jumper 组件
• Icon: 新增mirror和rotation图标
• DatePicker: 支持面板年月动态响应 value 变化
• Table:
  • 树形结构支持同时添加多个根节点
  • 新增可编辑行的表格；新增 showEditIcon，用于控制是否显示编辑图标

🐞 Bug Fixes

• SelectInput: 修复透传 disabled 失效问题
• Icon: 修复 iconfont 高级用法由于 t-icon 的 干扰导致渲染异常的情况
• Select:
  • 修复 panelTopContent、panelBottomContent 透传失效的问题
  • 修复监听事件未正常移除的问题
  • 修复 keys 透传失效导致 multiple 场景下 keys 无效的问题
• Table:
  • 修复多级表头表格中，列配置全选功能选不全的问题
  • 修复可选中行 table 组件，data 为空数据时，默认全选按钮会选中的问题
  • 兼容IE滚动条高度计算覆盖不全问题
  • 修复树形结构懒加载顺序问题
  • 可编辑单元格，修复 onEnter 无法触发 onEdited 问题；修复校验不通过时，无法退出编辑态的问题
  • 修复表格列宽拖拽到最大或最小时，有可能无法二次拖拽的问题

详情见：https://github.com/Tencent/tdesign-vue/releases/tag/0.44.0

Vue3 for Web 发布 0.18.0

❗ Breaking Changes

• Table: 可编辑表格行，行校验函数由 validateRowDate 更名为 validateRowData，存在不兼容更新

🌈 Features

• Table: 树形结构，支持同时添加多个根节点
• Table: 可选中行，扩大选择组件的点击范围
• Table: 拖拽调整宽度，非边框模式，悬浮到表头时，显示表头边框

🐞 Bug Fixes

• Table: 修复可编辑单元格，校验失败的信息无法清除问题
• Table: 树形结构，修复树形结构懒加载顺序问题
• Swiper: 动态修改 swiper item 会出现 vue 警告
• Tree: 修复节点过滤后被一直锁住的问题
• DatePicker: 调整 bem 命名

详情见：https://github.com/Tencent/tdesign-vue-next/releases/tag/0.18.0

Vue3 for Web 发布 0.17.5

🌈 Features

• Icon: 新增 mirror 和 rotation 图标
• DatePicker: 支持面板年月动态响应 value 变化

🐞 Bug Fixes

• Input: 修复 Input 组件切换 type 后不生效的问题
• Icon: 修复 iconfont 高级用法由于 t-icon 的干扰导致渲染异常的情况
• Table: 列宽拖拽，拖动到边界处后无法再次拖动
• Table: 多级表头场景下的多选，无法全选
• Table: 修复可选中行 table 组件，data 为空数据时，默认全选按钮会选中的问题
• InputNumber: 修复初始化时对 null 及字符串校验异常
• Dialog: 多个 dialog 同时存在时使用 esc 关闭异常
• Input: 修复 autowidth 表现异常
• Input: 修复 Input 组件切换 type 后不生效的问题

详情见：https://github.com/Tencent/tdesign-vue-next/releases/tag/0.17.5

React for Web 发布 0.37.0

❗ Breaking Changes

• DatePicker: 调整组件dom 节点 class 命名，存在不兼容更新

🌈 Features

• Icon: 新增mirror和rotation图标
• DatePicker: 支持面板年月动态响应 value 变化
• Form: 支持同步获取最新数据
• table: 树形结构，支持同时添加多个根节点
• table: 可编辑单元格/可编辑行，新增 showEditIcon，用于控制是否显示编辑图标
• table: 新增可编辑行的表格
• table: 可调整列宽，无边框表格，悬浮到表头时显示边框，方便用户寻找调整列宽的位置
• Button: 支持 href、tag、suffix API

🐞 Bug Fixes

• Icon: 修复iconfont高级用法由于t-icon的干扰导致渲染异常的情况
• table: 修复可选中行table组件，data为空数据时，默认全选按钮会选中的问题
• table: 列宽拖拽调整到边界时无法重新调整
• table: 多级表头场景下的列配置，无法全选
• Pagination: 修复左右切换禁用失效问题
• table: 修复树形结构，懒加载顺序问题
• TagInput: 修复hover时组件换行的样式异常
• drawer: 修复开启 destroyOnClose 时多次打开关闭时动效丢失问题
• table: 可编辑单元格，修复无法透传 ReactNode 属性到组件
• table: 可编辑单元格，修复 onEnter 无法触发 onEdited 问题
• table: 可编辑单元格，一旦校验不通过，后续编辑无法退出编辑态问题
• card: 修复 header 渲染失效问题
• Select: 修复手动控制 popupVisble 展示空白内容
• ColorPicker: 修复切换渐变节点 hue 饱和度未更新的问题
• Form: 修复 React 18 useEffect 触发两次导致表单自动校验问题
• Form: 修复 rule min max 不支持数组校验

详情见：https://github.com/Tencent/tdesign-react/releases/tag/0.37.0

Miniprogram for WeChat 发布 0.16.0

❗ Breaking Changes

• Drawer: 调整 placement 属性，只支持 left 和 right，存在不兼容更新
• Button: tap 事件返回值更新为 event 对象，存在不兼容更新
• Skeleton: 属性 theme 移除 avatar-text；新增 avatar 、image 、paragraph，存在不兼容更新
• Skeleton: 外部样式类移除 t-class-avatar 、t-class-image 、t-class-text ；新增 t-class-col ，存在不兼容更新
• Skeleton: 属性 rowCol 移除默认值 [1, 1, 1, { width: 70% }] ，存在不兼容更新

🌈 Features

• Picker: 增加 autoClose 属性，点击确认、取消、遮罩层时自动关闭
• Result: 新增组件

🐞 Bug Fixes

• Picker: 修复 pick 事件返回的 label 不正确的问题
• Picker: confirm-btn 和 cancel-btn 增加 boolean 类型，值为 true 时使用默认文案
• DropdownMenu: 移除冗余的 z-index
• Loading: 修复 text 为空时仍渲染非空节点的问题

🚧 Others

• Switch: 更新示例代码
• NoticeBar: 更新示例代码
• Picker: 更新示例代码
• Tag: 更新示例代码
• Steps: 更新示例代码
• Skeleton: 更新示例代码

详情见：https://github.com/Tencent/tdesign-miniprogram/releases/tag/0.16.0

Vue3 for Mobile 发布 0.9.2

🐞 Bug Fixes

• DropdownMenu: 修复树形状态下溢出时无法滚动的问题
• Sticky: 修复 fixed 状态下丢失宽度的问题
• Skeleton: 修复 props 变化不重新渲染的问题

详情见：https://github.com/Tencent/tdesign-mobile-vue/releases/tag/0.9.2

React for Mobile 发布 0.1.2

🐞 Bug Fixes

• Sticky: 修复 fixed 状态下丢失宽度的问题

🚧 Others

• chore: 优化更新日志文档样式

详情见：https://tdesign.tencent.com/mobile-react/getting-started

设计资源

Figma for Web 发布 1.2.2

❗ Breaking Changes

• Table：修改列模式表格的列数和行数，删除不带分页器的变体内容，存在不兼容更新

🌈 Features

• icon：新增 mirror/rotation 图标
• font：新增 18 号 title-large 字阶，修改为 20 号为 title-extraLarge 字阶
• Tree：新增树结构无子集变体
• Table：新增列模式的tag和文字搭配的变体

🐞 Bug Fixes

• Tag：修复 CheckTag Disabled 态颜色错乱问题
• Transform：修复搜索框图标问题，修复右侧窗口的布局问题
• Table：修复示例展示问题

详情见： https://www.figma.com/community/file/1053279236128724321/TDesign-for-web

解决方案及周边

TDesign Vue Next Starter 发布 0.3.6

🌈 Features

• 升级 tdesign-vue-next 至 0.18.0 版本
• 增加 apis 目录 管理项目中使用到的 api
• router 调整为自动导入

🐞 Bug Fixes

• 部分选择器未随自定义样式前缀更改

详情见： https://github.com/Tencent/tdesign-vue-next-starter/releases/tag/0.3.6

更多更新查看：https://tdesign.tencent.com/about/release