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

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

🐞 Bug Fixes

• 修复Sidenav参数错误导致跟随系统样式异常的问题 by @timi137137 in Tencent/tdesign-vue-next-starter#315
• 修复user持久化导致的问题 by @PDieE in Tencent/tdesign-vue-next-starter#316
• 修复路径重复拼接的问题 by @timi137137 in Tencent/tdesign-vue-next-starter#319

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

TDesign Starter CLI 发布 0.3.2

🚀 Features

• Lite模板新增webpack版本 @sscode02 in Tencent/tdesign-starter-cli#34

详情见：https://github.com/Tencent/tdesign-starter-cli/releases/tag/0.3.2

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