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