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

原创

TDesign

发布于 2022-12-15 10:04:58

1.3K0

发布于 2022-12-15 10:04:58

文章被收录于专栏：TDesign 技术视野・开发篇

组件库

Vue2 for Web 发布 0.52.2

🚀 Features

Table: @chaishi
- 树形结构，支持点击行展开树节点，issue#1847 (#1915)
- 树形结构，点击树节点展开图标时，不触发 onRowClick 行点击事件
- 虚拟滚动支持滚动到具体的某一个元素，用于呈现选中行/选中项 (#1914)
- 虚拟滚动支持数据变化时不重置，进而支持树形结构无限滚动
- 虚拟滚动支持表格高度变化，vue-next #1374

🐞 Bug Fixes

Table: 修复点击展开行报错的异常 @chaishi (#1910)
Space: 修复separator slot 无效的问题 @yaogengzhu (#1922)
Datepicker:
- 修复右侧面板月份展示错误问题 @honkinglin (#1924)
- 修复 tips 样式问题 @honkinglin (#1927)
- 兼容 value 传入空字符串 @honkinglin (#1927)
Loading: 修复 LoadingPlugin.hide() 多次调用后报错的问题 @Nice-PLQ (#1930)
Dropdown: 修复超长下拉菜单子菜单位置异常的问题 @uyarn (#1910)
Select: 修复虚拟滚动未关闭下拉框切换页面导致告警的问题 @uyarn (#1910)
SelectInput: 修复多选空值场景下的右侧内边距问题 @chaishi (common #1082)
Timepicker: 修复清空 rangepicker 时返回值异常的问题 @uyarn (#1936)

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

Vue3 for Web 发布 0.26.2

🚀 Features

Table:
- 树形结构，支持点击行展开树节点，tdesign-vue#1847 @chaishi (#2147)
- 树形结构，点击树节点展开图标时，不触发 onRowClick 行点击事件，issue#1847 @chaishi (#2147)
- 虚拟滚动支持滚动到具体的某一个元素，用于呈现选中行/选中项 @chaishi (#2112)
- 虚拟滚动支持数据变化时不重置，进而支持树形结构无限滚动 @chaishi (#2112)

🐞 Bug Fixes

Guide:
- skip 和 finish 事件正确返回 current @zhangpaopao0609 (#2160)
- 默认属性通过全局配置获取 @zhangpaopao0609 (#2161)
Form:
- 修复ValidateResultContext 不满足类型约束 @ufec (#2165)
- 修复 min 为 0 时不校验问题 @yaogengzhu (#2151)
- 修复ValidateResultContext 不满足类型约束 @ufec (#2165)
- 修复 min 为 0 时不校验问题 @yaogengzhu (#2151)
Table: 虚拟滚动支持表格高度变化，issue#1374 @chaishi (#2112)
DatePicker:
- 修复右侧面板月份展示错误问题 @honkinglin (#2157)
- 修复 tips 样式问题 @honkinglin (#2159)
Popconfirm: 修复 confirmBtn 等属性存在类型错误 (issue #1642) @pengYYYYY (#2158)
Dropdown: 修复 hover 有时候不能触发打开下拉菜单 (issue #1642) @pengYYYYY (#2158)

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

React for Web 发布 0.44.2

🚀 Features

Table:
- 支持任意行高虚拟滚动和树形结构虚拟滚动、支持滚动定位到任意元素 @chaishi (#1798)
- 树形结构，支持点击行展开树节点 @chaishi (#1800)
- 树形结构，点击树节点展开图标的时候，不再冒泡到行点击事件 onRowClick @chaishi (#1800)

🐞 Bug Fixes

SelectInput: 修复 selectInput 出现异常的tips 节点 @pengYYYYY (#1792)
Form: 修复 formList 下 error 跳转问题 @honkinglin (#1794)
Guide: skip 和 finish 事件正确返回 current；相对元素位置不正确； @zhangpaopao0609 (#1803)
DatePicker: 修复右侧面板月份展示错误 @honkinglin (#1802)
Dialog: 修复滚动条判断问题 @honkinglin (#1795)

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

Miniprogram for WeChat 发布 0.30.0

❗ BREAKING CHANGE

Rate: 属性 gap 默认值由 8 调整成 4 @LeeJim (#1177)
Rate: 属性 size 默认值由 20 调整成 24 @LeeJim (#1177)
Stepper: 属性 theme 的 gray 名为 filled，并新增 outline 主题 @anlyyao (#1191)
Slider: 属性 colors 和 disabledColor 移除默认值 @LeeJim (#1192)
Calendar: 按钮的插槽变更成和文档一致：confirm-btn @LeeJim (#1204)

🚀 Features

Rate: 视觉升级 @LeeJim (#1177)
Slider: 视觉升级 @LeeJim (#1192)
Rate: 新增 color 属性，并支持 CSS Variables @LeeJim (#1177)
Rate: 新增 icon 属性，可自定义图标 @LeeJim (#1177)
NoticeBar: 新增 direction 属性，新支持垂直方向滚动 @anlyyao (#1036)
Slider: 新增 theme 属性，新增胶囊风格 @LeeJim (#1192)
Message: 属性 icon 和 closeBtn 新增 Object 类型透传至 icon 组件 @anlyyao (#1153)
BackTop: 属性 icon 新增支持 Object 类型透传至图标组件，并支持同名插槽 @anlyyao (#1151)
NoticeBar: 属性 content 新增 Array 类型 @anlyyao (#1036)
NoticeBar: 属性 suffixIcon 新增 Object 类型透传至图标组件 @anlyyao (#1036)
NoticeBar: 属性 prefixIcon 新增 Boolean、Object 类型 @anlyyao (#1036)
Stepper: input-width 属性默认单位更新为 px @anlyyao (#1191)
Progress: 属性 theme 支持 'plump' 和 'circle' 类型 @anlyyao (#1178)
Message: 新增 CSS Variables，用于调整信息通知文本、背景颜色 @anlyyao (#1153)
BackTop: 新增 CSS Variables @anlyyao (#1151)
Slider: 支持 CSS Variables @LeeJim (#1192)
NoticeBar: 新增 CSS Variables，用于调整公告栏文本、背景颜色 @anlyyao (#1036)
Stepper: 新增 CSS Variables，用于调整步进器文本/图标颜色等 @anlyyao (#1191)
Progress: 新增 CSS Variables，用于调整进度条背景颜色 @anlyyao (#1178)
Grid: 支持无障碍访问 @zhangpaopao0609 (#1138)
NavBar: 支持无障碍访问 @Lindddt (#1140)
TabBar: 支持无障碍访问 @Isabella327 (#1148)

🐞 Bug Fixes

Message: 修复入场动画错误 @anlyyao (#1153)
Calendar: 修复 max-date, min-date, firstDayOfWeek 无法动态修改的问题 @LeeJim (#1172)
Switch: 修复视觉问题 @LeeJim (#1186)
Calendar: 修复小屏幕适配的问题 @LeeJim (#1203)
Calendar: 修复按钮传入 text 不生效，以及不支持响应式的问题 @LeeJim (#1204)