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

组件库

Vue2 for Web 发布 0.41.3 版

Features

• Icon: 更新图标 新增 file-icon 图标 调整 file-excel、file-pdf、file-powerpoint、file-unknown、file-word 和 star-filled 图标的绘制路径
• Dialog: 支持preventScrollThroughAPI
• Table: 支持自定义树形结构图标 treeExpandAndFoldIcon，同时支持全局配置此图标
• Table: 支持隐藏排序文本提示 hideSortTips，同时支持全局配置是否隐藏排序文本提示
• Steps: 新增 separator 属性，用于控制步骤条分隔符类型

Bug Fixes

• Select: 修复 textarea 作为 panelContent 时无法使用键盘事件的问题
• Slider: 修复 InputProps 属性传递布尔值时 ts 错误的问题
• Table: 固定列滚动阴影修复
• Dropdown: 插槽模式下 maxHeight 失效的问题
• Dropdown: 透传 popup 事件问题
• Dialog: 修复 normal 下加入 lock 导致页面无法滚动的问题
• Table: 修正拖拽列款的边界条件判断
• Progress: 修复环形进度条显示比例不准确

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

Vue3 for Web 发布 0.14.2 版

Features

• swiper: 增加新组件 swiper
• Icon: 更新图标 新增 file-icon 图标 调整 file-excel、file-pdf、file-powerpoint、file-unknown、file-word 和 star-filled 图标的绘制路径
• popconfirm: visible 属性支持 v-model 语法糖
• notification: 使用项目中已有的 js 动画方案，替换先前的 transitionGroup 方案，完善了组件出现和回收动画效果。其中涉及到 common 子仓库的修改，删除之前 transition 相关的类名，添加了一个 &-list__showt 类名。
• notification: 增加 onMouseenter 和 onMouseleave 事件，保证鼠标移入移出组件时，duration 时间的停止和重新计时。
• Table: 支持自定义树形结构图标 treeExpandAndFoldIcon，同时支持全局配置此图标
• Table: 支持隐藏排序文本提示 hideSortTips，同时支持全局配置是否隐藏排序文本提示
• dropdown: 使用 compositionAPI 重构 dropdown 组件

Bug Fixes

• InputNumber: 修复 input-number 重构 hook 使用错误出现的问题
• tooltip: support set placement by mouse
• ConfigProvider: 修复 animation 属性 exclude 和 include 在 TS 中都必填的问题
• Table: renderExpandedRow 为非必填
• ColorPicker: - fix(ColorPicker): 遍历循环的时候无法监听 change 事件会报错
• TimePicker: time-range-picker suffix icon 丢失问题
• message: 修复插件式调用时，用户传入 onCloseBtnClick 事件时，无法触发回调
• notification: 修复插件式调用时，用户传入 onCloseBtnClick onDurationEnd 事件时，无法触发回调
• menu: 修复 expandMutex 属性设置无效
• slider: 修复 toolTipProps 属性设置无效, 拼写错误
• popconfirm: 修复箭头与 trigger 属性
• dialog: 修复初始化且为显示时的 lock 问题
• breadcrumb: 修复弹出 tooltip 异常
• input: 修复 autowidth 模式计算错误
• form: 修复当 modelValue 为外部传入的 undefined 时，双向绑定失效
• form: 修复 attrs 注入异常
• timePicker: 修复当 modelValue 为外部传入的 undefined 时，clearable 失效
• Steps: 支持 separator api & 修复响应式问题
• progress: 环形进度条显示比例不准确
• Table: 修复 多级表头 + 列配置 综合示例中，列数量超出一定限制时报错
• tooltip: support set placement by mouse

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

React for Web 发布 0.33.2 版

Breaking Changes

• 重构 DatePicker、TimePicker 组件，样式结构有所调整，存在不兼容更新

Features

• DatePicker:
  • 移除 rangeapi，分别导出 Datepicker 与 DateRangePicker 组件
  • 支持 DatePickerPanel 与 DateRangePickerPanel 单独使用
  • 支持年份、月份区间选择
  • 支持 allowInput api
• TimePicker：
  • 重新调整样式、允许输入交互重新设计
  • 调整交互为点击确认按钮保留改动 直接关闭弹窗不保留改动 恢复初始值
  • disableTime、onFocus、onBlur、onInput 等API存在 breaking change
  • 新增 TimePickerPanel 组件 用于单独使用面板的场景
• RangeInput: 新增 RangeInput 组件
• RangeInputPopup： 新增 RangeInputPopup 组件
• Jumper：新增 Jumper 组件
• Steps: 支持 separator api & 完善反转逻辑
• Form: 支持整理嵌套数据
• Affix: 优化滚动逻辑

Bug Fixes

Table: 修复 多级表头 + 列配置 综合示例中，列数量超出一定限制时报错 DatePicker: 修复宽度计算问题 Slider: 修复 inputNumberProps 类型问题

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

Miniprogram for WeChat 发布 0.11.2 版

Features

• 完善 Input 原生属性
  • 完善 change 事件，增加返回 cursor 和 keyCode 数据
  • 增加 keyboardheightchange 事件，键盘高度发生变化的时候触发
  • 增加占位符相关属性：placehoderStyle 和 placeholderClass
  • 增加光标相关属性：cursor、selection-start、selection-end
  • 增加 hold-keyboard 属性
  • 增加安全键盘相关属性
• Button: 增加 bindchooseavatar 原生事件，用户选择头像
• Input: 支持 borderless 属性Bug Fixes
• Picker: 修复在没有取消和确认按钮的时候，标题没居中对齐的问题
• Sticky: 修复在极端情况下报错的问题

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

解决方案及周边

TDesign Starter CLI 发布 0.2.2 版

Features

• 配合模板新增维护中页面升级

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

TDesign Vue Starter 发布 0.2.1 版

Features

• 列表页增加吸顶展示
• 新增维护中页面

Bug Fixes

• 修复展示底部开关失效的问题
• 修复 mock roles 错误

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

TDesign Vue Next Starter 发布 0.3.1 版

Features

• lint新增 style scoped 提示
• 新增维护中页面
• 升级组件库依赖至 0.14+

Bug Fixes

• 修复多标签 Tab 页关闭左侧，关闭其他可能导致主页标签被删除
• 修复多个滚动列表之间切换时页面不刷新导致的样式缺陷

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

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