TDesign Weekly Release (Jul 4th 2023)

组件库

Vue2 for Web 发布 1.5.0

🚀 Features

• Table: 新增 lazyLoad 表格元素懒加载，当出现在可视区域时，再渲染表格第一屏数据 @chaishi (#2605)
• Transfer: 新增 targetDraggable API , 支持对目标列表拖拽排序的功能 @uyarn (#2612)
• Slider: label 支持 ${value}% 格式配置 @uyarn (#2613)
• Tree: tree 组件改进列表渲染逻辑 @TabSpace (#2586)
• Menu:
  • 新增 API routerLink，可指定菜单项渲染为 Router 控制跳转的 a 标签 @boogie-ben (#2603)
  • 重构侧边栏导航子菜单展开/收起动画实现 @xiaosansiji (#2561)
• TimePicker: @uyarn (#2618)
  • disableTime 回调中新增毫秒参数
  • 优化展示不可选时间选项时滚动到不可选选项的体验

🐞 Bug Fixes

• Tabs: 修复 tabs 组件放在 dialog 中 tab-bar 不能正常显示的问题 @uyarn (#2595)
• Transfer: 修复穿梭框存在默认已选且不允许移除的值被移除的异常问题 @uyarn (#2599)
• Table: @chaishi (#2605)
  • 可编辑表格场景，支持设置 colKey 值为链式属性，如：a.b.c
  • 可编辑表格场景，行编辑，edit.props 和 edit.on 为函数时，新增参数 updateEditedCellValue 用于更新编辑状态的表格数据，issue#2577
  • 修复列宽调整 + 表头吸顶 + 列配置自定义综合场景下，列宽变少时，表格宽度无法恢复原来的宽度，issue#2363 @chaishi (#2606)
• Checkbox: 修复版本 v1.4.8 中无法在 CheckboxGroup 内部自定义任意节点的问题 @chaishi (#2604)
• InputNumber: 修复 decimalPlaces 存在时，数值满足要求，用户未操作，就已经触发 onChange 事件问题，issue#2616 @chaishi (#2617)
• Menu: @boogie-ben (#2603)
  • 渲染为 a 标签时，a 标签覆盖范围扩大至整个菜单项，而不是只有文本部分
  • 修复当菜单项渲染 a 标签并且 collapsed = true 状态时，菜单项内区隐藏导致无法点击跳转的问题
  • 修复渲染为 a 标签，弹出展示子菜单，文本未对齐的问题
  • 修复 SubMenu 菜单项过多时无法完整展示的问题 issue#2262
  • 修复 MenuItem click 点击事件未传递 event 参数的问题 @xiaosansiji (#2561)
• Tree: @TabSpace (common#1535)
  • 修复 treeNodeModel 实例未能同步 node 属性的问题
  • 优化节点状态更新时的性能

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

Vue3 for Web 发布 1.4.0

🚀 Features

• TimePicker:
  • disableTime 回调新增毫秒参数 @uyarn (#3151)
  • 优化展示不可选时间选项时滚动到不可选选项的体验 @uyarn (#3151)
• Menu: 重构侧边栏导航子菜单展开/收起动画实现，修复 SubMenu 菜单项过多时无法完整展示的问题 (issues #2262) @xiaosansiji (#3140)
• Image: 属性 src 支持传入 File 文件类型显示图片 @chaishi (#3136)
• ImageViewer: 属性 images 支持传入 File 文件类型预览图片 @chaishi (#3136)
• Upload: 文件上传列表支持显示缩略图，通过 showThumbnail 属性控制 @chaishi (#3136)

🐞 Bug Fixes

• Table:
  • 可编辑表格场景，支持设置 colKey 值为链式属性，如：a.b.c @chaishi (#3137)
  • 可编辑表格场景，行编辑，edit.props 和 edit.on 为函数时，新增参数 updateEditedCellValue 用于更新编辑状态的表格数据，tdesign-vue#2577 @chaishi (#3137)
  • 列宽调整 + 表头吸顶 + 列配置自定义综合场景下，列宽变少时，表格宽度无法恢复原来的宽度，(tdesign-vue#2363) @chaishi (#3137)
  • 修复可编辑单元格场景，执行 validateTableData 函数后，没有触发事件 onValidate 问题 @chaishi (#3143)
• Tree: 修复 active 事件中，参数 context 中 actived 值和实际状态相反 @gaoachao (#3134)
• Button: 禁用优先级, Button.disabled > Form.disabled @liweijie0812 (#3133)
• InputNumber: decimalPlaces 存在时，数值满足要求，用户未操作，就已经触发 onChange 事件问题，(tdesign-vue#2616) @chaishi (#3145)
• Menu: 修复 MenuItem click 点击事件未传递 event 参数的问题 @xiaosansiji (#3140)

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

React for Web 发布 1.1.16

🚀 Features

• TimePicker:
  • disableTime回调新增毫秒参数 @uyarn (#2388)
  • 优化展示不可选时间选项时滚动到不可选选项的体验 @uyarn (#2388)
• Dropdown: 新增panelTopContent及 panelBottomContent 支持需要上下额外节点的场景使用 @uyarn (#2387)

🐞 Bug Fixes

• Table:
  • 可编辑表格场景，支持设置 colKey 值为链式属性，如：a.b.c @chaishi (#2381)
  • 树形结构表格，修复当 selectedRowKeys 中的值在 data 数据中不存在时报错问题，issue#2375 @chaishi (#2385)
• Guide: 修复设置step为 -1 时需要隐藏组件的功能 @uyarn (#2389)

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

Miniprogram for WeChat 发布 1.1.14

🚀 Features

• ActionSheet: 新增 suffixIcon，仅在 theme = list 时展示 @LeeJim (#2210)
• TreeSelect: label 内容支持文本超长省略 @anlyyao (#2208)
• Overlay: 支持 duration 属性，用于调整背景色过渡时间 @betavs (#2179)

🐞 Bug Fixes

• Popup: 解决自动聚焦的问题 @LeeJim (#2209)
• Slider: 修复无法滑动的问题 @LeeJim (#2211)
• Sticky: 当组件销毁时，正常移除滚动函数 @LeeJim (#2215)

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

Vue3 for Mobile 发布 1.0.0-rc.5

❗ Breaking Changes

• Textarea: maxLength属性默认值变更为 -1 @anlyyao (#977)

🐞 Bug Fixes

• Popup: 修复多个 popup 时 preventScrollThrough 属性无效 @anlyyao (#983)
• Message: 修复函数式调用传入 context 时 ts 类型报错 @anlyyao (#985)
• Message: 修复关闭窗体时控制台报错 @anlyyao (#985)
• Cascader: 修复点选后未勾选的问题 @anlyyao (#986)
• DropdownMenu: DropdownItem 的 value 属性支持空字符串 @yaogengzhu (#980)
• upload: 修复 autoUpload 为 false 时无法上传的问题 @yaogengzhu (#967)
• upload: 修复图片预览问题 @yaogengzhu (#967)
• upload: 修复 autoUpload 为 true 时 allowUploadDuplicateFile 属性失效图片 @yaogengzhu (#967)
• Upload: 修复 v-model 无效的问题 @anlyyao (#988)
• Upload: 修复 onPreview, onSuccess, onRemove, onSelectChange 无效 @anlyyao (#987)
• Textarea: 修复 maxLength属性无效的问题 @anlyyao (#977)

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

设计资源

Figma for Web 发布 1.2.8

🚀 Features

• Statistic：新增统计数值组件
• ColorPicker：最近使用和系统预设色彩新增透明图层示意
• Input：示例页新增无边框模式及交互状态
• Image Viewer：新增图片预览组件

🐞 Bug Fixes

• Textarea：数值统计修改在外面显示
• Button：修复文字 Property 问题，新增 Loading Button 样式示意
• Pagination：修复选择器默认宽度不足，修复示例页文案出错

详情见：https://www.figma.com/community/file/1053279236128724321/TDesign-for-web