TDesign 更新周报（2022年8月第1周）

组件库

Vue2 for Web 发布 0.45.1

❗ Breaking Changes

• 调整全局 border-radius 样式 token，@border-radius 改名为 @border-radius-default，支持更多圆角 token。 使用 esm 包修改 less token 的业务需要注意，组件库中各组件实现圆角也做了统一调整，详情参见 #158 ，存在不兼容更新。

🌈 Features

• SelectInput: SelectInput 及相关的 Select/Cascader/TreeSelect 组件交互调整，再次点击输入框时也可以收起下拉框
• Table:
  • 支持使用插槽 footer-summary 定义通栏表尾，同时支持同名属性 Props footer-summary 渲染通栏表尾
  • 支持使用 rowspanAndColspanInFooter 定义表尾行数据合并单元格，使用方法同 rowspanAndColspan
  • 支持 min-width 透传到元素 <col>

🐞 Bug Fixes

• Select: 修复 empty slot 用法不生效的问题
• Table:
  • 树形结构，修复无法更新或重置数据问题 resetData
  • 树形结构，修复懒加载节点重置时（即调用 setData）没有清空子节点信息问题
  • 树形结构，展开全部功能，不应该展开懒加载节点
  • 修复吸顶的多级表头左侧边线缺失问题
  • 修复多级表头时，表尾显示不同步的问题
  • 列拖动后，选择行导致拖动后的距离被重置
• Datepicker: 修复单独配置 clearable 失效问题
• TreeSelect: 修复输入项过长时，操作区域图标被遮挡的问题
• Cascader: 修复在异步获取 option 的情况下，参数校验导致用户行为异常的问题

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

Vue3 for Web 发布 0.19.0

❗ Breaking Changes

• 调整全局 border-radius 样式 token，@border-radius 改名为 @border-radius-default，支持更多圆角 token。 使用 esm 包修改 less token 的业务需要注意，组件库中各组件实现圆角也做了统一调整，详情参见 #158 ，存在不兼容更新

🌈 Features

• SelectInput:SelectInput及相关的Select/Cascader/TreeSelect组件交互调整，再次点击输入框时也可以收起下拉框。
• Upload: 增加setPercent 实例方法用于满足自定义上传方法时设置上传进度

🐞Bug修复

• dialog: 删除冗余的样式
• Table:树形结构，展开全部功能，默认不应该展开懒加载节点
• Table: 多级表头，表尾列显示异常
• Table: 吸顶线的多级表头，左侧边线缺失问题
• Cascader: 修复在异步获取 option 的情况下，参数校验导致用户行为异常
• Popup: 修复 content 为纯英文时无法自动换行
• Tree: 修复 setData 组件存在 children 后的导致组件崩溃
• Tabs: 修复 tabpanel 组件的 label 不能根据函数进行自定义展示
• Upload: 修复 draggable 和 multiple 组合使用时组件无输出
• ClassPrefix：替换遗漏的 classprefix
• Tabs: 修复组合场景下的示例

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

React for Web 发布 0.38.0

❗ Breaking Changes

• 调整全局 border-radius token，@border-radius 改名为 @border-radius-default，支持更多圆角 token。 使用 esm 包修改 less token 的业务需要注意，存在不兼容更新。

🌈 Features

• 支持全局替换 tdesign 内置 Icon
• DatePicker: 支持季度选择器
• Rate: 新增 rate组件
• Select: 展开面板后二次点击输入框调整为关闭面板
• Grid: col 组件支持跨层级响应 gutter 配置

🐞 Bug Fixes

• Cascader: 修复在异步获取 option 的情况下，参数校验导致用户行为异常
• Select: 修复回删空字符串不触发 onSearch 的缺陷
• Select: 修复过滤时输入值为空未显示全部选项的问题
• Dropdown: 修复 className 继承问题
• Tree: 修复更改 data 数据后展开状态丢失问题

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

Miniprogram for WeChat 发布 0.18.0

❗ Breaking Changes

• Tabbar: CSS Variables 命名规则由 --t 改成 --td 开头，存在不兼容更新。
• Avatar: 头像组的样式内置进组件内，存在不兼容更新。

🌈 Features

• Avatar: 新增 CSS Variable 调整 Avatar 背景、内容（文本或图标）
• Swiper: 新增 paginationPosition 属性，用于调整页码信息的位置
• Swiper: 新增 CSS Variable 调整 Swiper 导航器背景、内容颜色
• Button: 新增 loadingProps 属性透传至 Loading 组件
• Tabs: 新增 CSS Variables 调整字体、滑块颜色等，具体查看文档
• Toast: 支持 duration 传入 0 的时候，toast 不消失

🐞 Bug Fixes

• Tabbar: 修复因 CSS Variables 没有写 fallback 导致样式丢失的问题
• Avatar: 修复组件类名错误
• upload: 修复组件中图片被挤压问题
• Button: 修复 loading 无效的问题
• DropdownMenu: 修复树形选择时，点击单选仍自动关闭的问题
• DropdownMenu: 修复 closeOnClickOverlay 不生效的问题
• Cell: 优化 slot 的渲染逻辑

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

Vue3 for Mobile 发布 0.10.1

🐞 Bug Fixes

• search: 修复失去焦点后输入内容被隐藏和清除按钮无法使用的问题
• Tabs: 修复传入相同的值时仍触发 onChange 的问题
• Popup: 修复使用 overlay 组件没传入 visible 导致告警的问题
• Dialog: 修复 slot 渲染逻辑

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

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