TDesign 更新周报（2022年9月第4周）

原创

TDesign

发布于 2022-09-29 11:25:17

1.2K0

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

TDesign 更新周报（2022年9月第4周）

v_winniewli
2022年09月29日 11:22
2
0
0
分享
编辑

组件库

Vue2 for Web 发布 0.48.3

🚀 Features

ImageViewer: 新增 ImageViewer 图片预览组件 @sinbadmaster (#1520)
Upload: 组件重构 @chaishi (#1561)
- 新增beforeAllFilesUpload，所有文件上传之前执行，支持一次性判定所有文件是否继续上传。已经存在的 beforeUpload 用于判定单个文件的是否继续上传
- 新增事件 onValidate，文件校验不通过时触发，可能情况有：自定义全文件校验不通过、文件数量校验不通过、文件数量校验不通过
- 新增事件 onOneFileSuccess ，多文件上传场景下，在单个文件上传成功后触发
- beforeUpload 存在时，依然支持 sizeLimit 检测
- formatRequest 用于新增或修改上传请求参数
- 一个请求上传多个文件时，参数携带全部文件
- 新增 triggerButtonProps 用于指定触发按钮风格
Table: @chaishi (#1562)
- 支持属性 tree.treeNodeColumnIndex 动态修改， tdesign-vue-next#1487
- Table: 新增 showHeader，支持隐藏表头 @chaishi (#1562)
- Table: 新增 column.colKey = serial-number，支持序号列功能 @chaishi (#1562)
- Table: 新增 showSortColumnBgColor，用于控制是否显示排序列背景色 @chaishi (#1562)

🐞 Bug Fixes

Select: @skytt (#1566)
- 修复可创建新条目场景下回车选择错误的问题(#1563 )
- 修复创建条目和选中已有条目同时触发的问题
- 完善键盘事件, 创建的新条目可通过键盘选择
Table: @chaishi (#1562)
- 树形结构，叶子节点缩进距离修正
- 超出省略功能，ellipsisTitle优先级应当高于 ellipsis， issue#1404
- 行选中功能，修复 column.type=single 时，column.title 无效问题，issue#1372
- 过滤功能，list.value 值为 number 无法高亮过滤图标问题 @chaishi (#1562)
- 行选中功能，数据变化时，选中的数据依旧是变化前的数据，tdesign-vue-nex#1722
- 不提供expandedRowKeys的绑定会报错，缺少判空，tdesign-vue-nex#1704 @chaishi (#1562)
- 修复视图切换或表格变化的场景下吸顶吸底效果没有重新渲染计算的问题 issue#1529 @uyarn (#1570)
DatePicker:
- 修复手动清空输入框关闭弹窗没有重置数据问题 @HQ-Lin (#1565)
- 修复 disableDate 传入 lambda 函数被频繁触发的问题 @HQ-Lin (#1569)
TimePicker: 修复部分场景 style 属性内的 token 缺失导致滚动异常的问题 @uyarn (common#877)

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

Vue3 for Web 发布 0.23.0

❗ Breaking Changes

Upload:
- autoUpload=false 时，增加 onChange 事件的触发@chaishi (#1723)
- 移除文档中不存在的 API customDraggerRender，请使用 dragContent 或 children 自定义拖拽区域@chaishi (#1723)

🚀 Features

Upload:
- 为适应 requestMethod 参数由文件对象，更为数组 @chaishi (#1723)
- UploadFile 对象新增 uploadTime 属性，用于表示上传时间 @chaishi (#1723)
- theme=file 支持多文件上传 @chaishi (#1723)
- 文件上传前处理函数 beforeUpload 存在时，依然支持 sizeLimit 检测 @chaishi (#1723)
- 新增 beforeAllFilesUpload，所有文件上传之前执行，支持一次性判定所有文件是否继续上传。已经存在的 beforeUpload 用于判定单个文件的是否继续上传 @chaishi (#1723)
- 新增事件 onValidate，文件校验不通过时触发，可能情况有：自定义全文件校验不通过、文件数量校验不通过、文件数量校验不通过、文件名重复（允许重复文件名场景下不会触发）@chaishi (#1723)
- 新增事件 onOneFileSuccess ，多文件上传场景下，在单个文件上传成功后触发 @chaishi (#1723)
- 新增事件 `onOneFileFail ，多文件上传场景下，在单个文件上传失败后触发 @chaishi (#1723)
- 新增 formatRequest 用于新增或修改上传请求参数（现有的 format 用于格式化文件对象）@chaishi (#1723)
- 新增 triggerButtonProps 用于指定文件选择触发按钮风格 @chaishi (#1723)
Table:
- 新增 column.resizable 支持自定义任意列是否可拖拽调整宽度 @ZTao-z (#1732)
- 新增 showHeader，支持隐藏表头 @chaishi (#1740)
- 新增 column.colKey = serial-number，支持序号列功能，(#1517( @chaishi (#1740)
- 新增 showSortColumnBgColor，用于控制是否显示排序列背景色 @chaishi (#1740)
- 支持属性 tree.treeNodeColumnIndex 动态修改， (#1487) @chaishi (#1740)
Menu: 如果存在链接参数，默认使用标签 <a> (issue #1671) @Lmmmmmm-bb (#1728)
Image: 增加 image 组件 @pengYYYYY (#1735)

🐞 Bug Fixes

Table:
- 树形结构，叶子节点缩进距离修正 @chaishi (#1740)
- 超出省略功能，ellipsisTitle优先级应当高于 ellipsis， tdesign-vue#1404 @chaishi (#1740)
- 修复不提供 expandedRowKeys 的绑定会报错 @MyZhouGit (#1705)
- 行选中功能，修复 column.type=single 时，column.title 无效问题，issue#1372 @chaishi (#1740)
- 过滤功能，list.value 值为 number 无法高亮过滤图标问题 @chaishi (#1740)
- 行选中功能，数据变化时，选中的数据依旧是变化前的数据，#1722 @chaishi (#1740)
- 不提供expandedRowKeys的绑定会报错，缺少判空，#1704 @chaishi (#1740)
Swiper:
- 修复鼠标悬停移出后没有重新轮播问题 @yusongH (#1717)
- 修复 trriger 属性不生效问题 @yusongH (#1717)
- 修复鼠标悬停移出后没有重新轮播问题 @yusongH (#1717)
- 修复 swiper 组件的 demo 显示不正确 @yusongH (#1725)
ImageViewer:
- 按 class 命名规范修复组件 class 命名 @sinbadmaster (#1731)
修复 demo 中弹出窗样式异常 @sinbadmaster (#1731)
DatePicker:
- 修复 prefixIcon suffixIcon 失效问题 (issue #1673) @HQ-Lin (#1724)
- 优化 datepicker 输入事件交互 @HQ-Lin (#1736)
Dialog: 修复在弹窗内按下鼠标,在蒙层中松开会关闭弹窗的问题 @sechi747 (#1739)
TreeSelect: 修复 popuoContent 无 padding @fenbitou (#1714)
Hooks: 修复使用 v-model.trim 会将内容清空的问题 @zhangpaopao0609 (#1721)
TimePicker: 调整 time-pick 样式 @wanghanzhen (#1730)
Upload: 修复一个请求上传多个文件，参数携带全部文件，当前只会携带一个 file 参数@chaishi (#1723)

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

React for Web 发布 0.42.1

🚀 Features

Form:
- FormList name 支持传入数组 @HQ-Lin (#1518)
- FormItem 支持函数渲染子节点 @HQ-Lin (#1518)
- FormItem 支持 shouldUpdate api 自定义控制渲染时机 @HQ-Lin (#1518)
Upload:
- 所有风格支持 tips 和 status，用于定义说明文本 @chaishi (#1524)
- 支持 files 数据类型泛型 @chaishi (#1524)
Table: 新增 column.resizable 支持自定义任意列是否可拖拽调整宽度 @ZTao-z (#1535)
Tooltip: 新增lite模式子组件，rate/imageviewer改用lite版本 @carolin913 (#1546)
TimePicker: 优化边距 ui @wanghanzhen (#1531)
ImageViewer: 优化内部 dom 节点class bem 命名规范 @Ylushen (#1533)

🐞 Bug Fixes

Upload:
- 修复无法多次拖拽上传文件问题 @chaishi (#1524)
- 修复文件大小超出时无法显示错误问题 @chaishi (#1524)
- 修复文件上传进度仅显示 0% 和 100%，缺少中间进度问题 @chaishi (#1524)
Input:
- 修复input的 autoWidth 配置开启下,计算宽度时取的 placeholder不正确问题 @yusongH (#1537)
- 修复默认状态提示文字颜色错误问题 @xiaosansiji (#1486)
TimePicker: 修复部分场景滚动异常无法选中23:59:59的问题 @uyarn (#1511)
Dropdown: 修复点击选项没有触发onVisibleChange的问题 @uyarn (#1516)
Tree: 支持树可拖拽 @HelKyle (#1534)
Select: 修复Select组件多选情况下禁用组件后还能点击删除选项的问题 @AqingCyan (#1529)
TagInput: 修复 react 16 版本 event 对象缺失 code 属性判断错误 @HQ-Lin (#1526)
DatePicker: 修复输入框清空后关闭弹窗未重置问题 @HQ-Lin (#1543)

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

Miniprogram for WeChat 发布 0.21.2

🐞 Bug Fixes

Input: 修复 clearable 的显示和隐藏问题 @anlyyao (#874)
Tabbar: 使用 fallback value 保证颜色展示正确 @LeeJim (#875)
Icon: 移除 CSS 属性 speak @anlyyao (#885)
Textarea: 修复 maxLength 情况下，显示值和实际值不一致问题 @anlyyao (#883)
Textarea: 修复 maxcharacter 情况下，输入值超出 maxcharacter 的问题 @anlyyao (#883)
Input: 修复 maxcharacter 情况下，输入值超出 maxcharacter 的问题 @anlyyao (#883)
DateTimePicker: 修复选项重置错误的问题 @LeeJim (#888)

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

Vue3 for Mobile 发布 0.11.0

🚀 Features

Calendar: 新增日历组件 @josonyang (#325)
Calendar: 视觉升级，功能增强 @LeeJim (#366)

🐞 Bug Fixes

CountDown: 修复 milisecond 配置无效的问题 @TingShine (#313)
Upload: 修复上传失败后，再次上传会产生报错的问题 @palmcivet (#318)

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

解决方案及周边

TDesign Vue Next Starter 发布 0.5.2

🚀 Features

升级组件库依赖至0.23 修复切换页面等场景下表格吸附效果未重新计算导致的样式异常 by @uyarn in Tencent/tdesign-vue-next-starter#322
增加urlPrefix判断避免undefined拼接到url导致请求无效 @kerwin612 in Tencent/tdesign-vue-next-starter#311