TDesign 更新周报（2022年12月第2周）

组件库

Vue2 for Web 发布 0.50.0

❗ Breaking Changes

• Comment/Slider/ImageViewer: 组件 DOM 结构调整，有覆盖样式的同学请关注 @HQ-Lin (#1785、#1794、#1788)
• 部分组件间距、尺寸等样式统一调整，支持使用尺寸相关Design Token调整间距、尺寸大小 @uyarn (common #993) @Wen1kang (common #977)

🚀 Features

• Breadcrumb: 新增icon API @uyarn (#1781)
• TreeSelect: 支持borderless、tagProps、selectInputProps等 API @uyarn (#1795)
• Button: 新增suffix 插槽 适用文字后置图标场景 @uyarn (#1799)
• TreeSelect:
  • TreeSelect 底层重构为基于 SelectInput 实现，复用SelectInput样式，减少兼容样式代码 @uyarn (#1795)
  • 补充 readonly 只读属性，@yaogengzhu (#1783)

🐞 Bug Fixes

• Breadcrumb: 修复文字省略样式失效的问题 @uyarn (#1781)
• Select: 搜索修复模糊大小写 (fixed: #1786) @skytt (#1787)
• TagInput: 修复 autoWidth = true 时宽度跟随内容自适应失效的问题；修复标签超出滚动时，显示异常的问题。 @xiaosansiji (#1793)
• TreeSelect: 修复单选模式打开下拉框右侧图标缺失的问题 @uyarn (#1795)
• Badge: 修复 count 无法通过插槽方式使用的问题 @uyarn (#1799)
• Form: 修复 InputNumber min = 0 的边界场景校验异常的问题 @yaogengzhu (#1772)
• DatePicker: @HQ-Lin
  • 修复区间日期选择器分隔符丢失的问题 (#1805)
  • 修复disableDate 动态调整失效的问题 (#1803)

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

Vue3 for Web 发布 0.24.7

🚀 Features

• Breadcrumb: 新增iconAPI @uyarn (#1998)
• Slider: 修复 slider 样式问题 (issue #237) @HQ-Lin (#2011)
• Button: 新增suffix API，支持需要为按钮配置文字后置图标的场景 @uyarn (#2018)
• CodeTip: 增加编辑器代码提示 @chaishi (#2005)

🐞 Bug Fixes

• ImageViewer:
  • 调整ImageViewer顶部按钮的大小 @Wen1kang (#2010)
  • 修复样式问题 @HQ-Lin (#2015)
• Breadcrumb: 修复文字省略样式失效的问题 @uyarn (#1998)
• InputNumber: value 支持受控 @chaishi (#2002)
• Alert: 修复内嵌 link 时，hover 会导致 alert 消失 @Lmmmmmm-bb (#2000)
• Table: 修复 EnhancedTable 树形结构，在编译后的运行过程中缺少实例方法（开发环境正常）问题 (issue#1999) @chaishi (#2004)
• Comment: 修复 comment 样式问题 @HQ-Lin (#2007)
• Select: 修复筛选默认模糊大小写的功能(Tencent/tdeisng-vue#1787) @skytt (#2009)
• Watermark: 修复异步获取 watermark content，水印不更新的问题 @insekkei (#1997)
• PopConfirm: 修复 text 描述的颜色 @iLunZ (#2006)

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

React for Web 发布 0.43.0

❗ Breaking Changes

• Comment/Slider/ImageViewer: 组件 DOM 结构调整，有覆盖样式的同学请关注 @HQ-Lin (#1785、#1794、#1788)
• 部分组件间距、尺寸等样式统一调整，支持使用尺寸相关Design Token调整间距、尺寸大小 @uyarn (common #993) @Wen1kang (common #977)

🚀 Features

• Breadcrumb: 新增icon API @uyarn (#1702)
• Select: 支持使用Option Children形式时使用过滤等功能 @uyarn (#1715)

🐞 Bug Fixes

• swiper: swiper控制current交互和正常保持一致 @duenyang (#1693)
• Loading: 处理loading在dialog等场景中样式异常的问题 @uyarn (#1694)
• Breadcrumbe: 修复文字省略样式丢失的问题 @uyarn (#1702)
• popconfirm: 修复官网demo气泡框描述文案字体颜色 @iLunZ (#1705)
• InputNumber: 组件支持受控 @chaishi (#1703)
• Form: 修复拦截 checkbox 默认值为 undefined 控制台警告问题 @HQ-Lin (#1682)
• popconfirm: 修复官网demo气泡框描述文案字体颜色 @iLunZ (#1705)
• TreeSelect:
  • 当 valueType="object" 且 value 不在 tree.data 中时, 优先展示 @moecasts (#1681)
  • 修复浮层样式问题 @HQ-Lin (#1689)
  • 暴露 treeRef 的方法 @moecasts (#1698)
• Tooltip: 修复非受控问题 @HQ-Lin (#1712)

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

Miniprogram for WeChat 发布 0.26.0

❗ Breaking Changes

• Textarea: 调整 confirm-type 的默认值为 return @LeeJim (#1007)
• Navbar: 移除 background 使用 CSS Variables 代替 @LeeJim (#1010)
• Navbar: 属性 left-icon 更名为 left-arrow，只保留 Boolean 类型 @LeeJim (#1010)
• Navbar: 移除 home-icon，新增名为 left 和 capsule 的插槽 @LeeJim (#1010)
• Navbar: 移除 go-home 事件 @LeeJim (#1010)

🚀 Features

• Button: 视觉升级 @LeeJim (#993)
• Fab: 视觉升级 @LeeJim (#995)
• Tag: 视觉升级 @LeeJim (#997)
• Cell: 视觉升级 @LeeJim (#1003)
• Grid: 视觉升级 @LeeJim (#1006)
• Navbar: 视觉升级 @LeeJim (#1010)
• Button: 新增 light 主题 @LeeJim (#993)
• Tag: 属性 size 新增 extra-large 加大尺寸 @LeeJim (#997)
• CheckTag: 新增支持 variant 支持 4 种变体 @LeeJim (#997)
• NoticeBar: 支持 prefixIcon 、theme 属性动态更新 @anlyyao (#999)
• CellGroup: 新增 theme 属性，支持 card 风格 @LeeJim (#1003)
• Grid: 新增 theme 属性，增加 card 风格 @LeeJim (#1006)
• Grid: 新增 BadgeProps 属性，透传至徽章组件 @LeeJim (#1006)
• Grid: 新增 icon 属性，支持传入图标 @LeeJim (#1006)
• Grid: 支持当 column = 0 时，将不平分空间，支持滑动 @LeeJim (#1006)

🐞 Bug Fixes

• Button: 修复有主题的幽灵按钮颜色丢失的问题 @LeeJim (#993)
• NoticeBar: 修复 content 动态更新时， 滚动动画计算错误。 @anlyyao (#999)
• TabBar: 修复绝对定位时，宽度没有撑开的问题 @LeeJim (#1001)
• Cascader: 修复异步获取 options 时，无法使用 value 初始化已选选项 @LeeJim (#1011)

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

Vue3 for Mobile 发布 0.14.1

🚧 Others

• Badge: 提升测试覆盖率 @anlyyao (#479)
• Progress: 更新示例代码 @xxxlj (#472)
• BackTop: 更新示例代码 @yuanmeda (#468)
• SwipeCell: 更新示例代码 @wwlh200 (#473)
• PullDownRefresh: 更新示例代码 @yuanmeda (#470)
• Button: 更新示例代码 @TingShine (#475)
• CountDown: 更新示例代码 @TingShine (#477)
• Image: 更新示例代码 @TingShine (#478)
• Progress: 更新示例代码 @xxxlj (#472)
• Loading: 更新示例代码 @lockiechen (#481)

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

解决方案及周边

TDesign Vue Next Starter 发布 0.5.5

🚀 Features

• 升级axios至1.0版本 by @dependabot in Tencent/tdesign-vue-next-starter#351
• 升级tdesign-vue-next至0.24版本 支持尺寸类Design Token 部分样式需调整 by @uyarn in Tencent/tdesign-vue-next-starter#355

🐞 Bug Fixes

• 修复导航布局side模式下小屏显示问题 by @dianjie in Tencent/tdesign-vue-next-starter#348

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

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