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

组件库

Vue2 for Web 发布 0.43.3

Features

• Cascader:
  • 基于 select-input 重构, 文本过长省略使用原生 title 展示全文本，不再使用 tooltip 组件
  • 增加 popupVisible， readonly， selectInputProps， onPopupVisibleChange 属性
• CheckBox: 增加 title 属性透传
• DatePicker:
  • 新增 panelPreselection api
  • 优化面板月份展示
• Drawer: 优化抽屉拖拽体验

Bug Fixes

• Space: 过滤无效的节点
• Cascader:
  • 修复多选时，文本过长未处理的问题
  • 修复选中内容过多时，再点击选择器后的闪动问题
• SelectInput: 修复 overlayStyle 响应式无法更新的问题
• TagInput: 修复 inputProps 属性透传无效
• Transfer: 修复穿梭框进行穿梭时报错的问题
• Table: 树形结构支持懒加载
• Dialog: 修复打开对话框时出现滚动条的问题
• DatePicker: 修复日期格式化问题
• TimePicker:
  • 优化允许输入滚动的使用体验
  • TimeRangePicker 修复允许输入的缺陷
• Select:
  • 修复远程搜索动态生成选项失败的缺陷
  • 虚拟滚动支持远程搜索场景
• Dialog: 修复阻止冒泡导致 popup 无法正常关闭
• Drawer: 修复头部渲染异常问题
• Input: 修复 Input 组件 切换 type 后不生效的问题
• 全局配置: 修复 useConfig computed 属性计算导致列表渲染卡顿问题

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

Vue3 for Web 发布 0.17.4

Features

• DatePicker: 新增 panelPreselection api
• Drawer: 新增sizeDraggble属性 支持通过拖拽改变抽屉宽度/高度
• CascaderPanel: 增加 cascader-panel 组件
• Cascader: 增加 inputProps, tagInputProps, tagProps 属性
• Table: 支持行编辑功能
• Upload: 增加 allowUploadDuplicateFile 支持配置相同文件名上传行为
• TimePicker: 支持毫秒使用场景
• Tree: tree 支持拖拽

Bug Fixes

• Space: 通过FOR循环的内容 没有实现间隔效果
• DatePicker: 修复日期格式化问题
• TimePicker: 优化可输入模式的使用体验 避免高频输入场景与滚动事件重复更新 value 的异常
• Tree: 取消修改 value 类型, 将传入 TCheckBox 组件的 name 转为 string 类型
• Cascader: 修复筛选无法输入问题
• DatePicker: 优化面板月份展示
• Transfer: 全选应该只选择搜索后的结果
• Dialog: 修复 dialog 阻止冒泡导致 popup 无法正常关闭
• Dialog: 修复打开对话框，出现滚动条
• Slider: 修复 label 属性不生效 bug
• Slider: 修复 tooltipProps 为布尔值时丢失响应性问题
• Select: 多选下 hover 出现换行的异常
• Dialog: 内部样式未使用prefix导致替换前缀方式的样式丢失
• Input: autoWidth 在部分场景下失效导致组件样式异常
• Drawer: 修复开启 destroyOnClose 之后，没了动画效果
• TreeSelect: 修复异步加载回显展示问题
• Textarea: 修复无法传入 attrs 中的 style

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

React for Web 发布 0.36.4

Features

• Table: 树形结构，支持懒加载
• CascaderPanel: 增加 cascader-panel 组件
• Cascader: 增加 inputProps, tagInputProps, tagProps 属性
• Dialog: 修复打开对话框，出现滚动条
• Form: 支持 formList 初始化渲染initialData 数据
• Drawer: 新增sizeDraggable 支持通过拖拽改变抽屉宽度/高度
• TimePicker: 支持毫秒场景使用

Bug Fixes

• Table: 可编辑功能，值为 null 时会导致页面报错，如清除 Select 数据
• Dialog: 修复 dialog 阻止冒泡导致 popup 无法正常关闭
• Input: 修复在 dialog 内中文输入导致光标定位错误问题
• Button: 修复渲染空字符串样式问题
• Form: 修复 getFieldsValue 类型定义

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

Miniprogram for WeChat 发布 0.15.0

Breaking Changes

• DropdownMenu: 属性 overlay 更名为 showOverlay，存在不兼容更新
• Popup: 移除 transitionProps 属性，存在不兼容更新

Bug Fixes

• Tabs: 修复选项卡不存在时滑动报错问题
• DropdownMenu: 修复关闭时无动画的问题

Features

• Fab: 支持文本自适应
• Tag:
  • 视觉更新
  • 支持图标
• DropdownMenu: 新增 toggle 示例方法，用于切换下拉菜单
• DropdownMenu: 新增 keys 属性以支持自定义 label 和 value 的字段名
• Popup
  • 新增 duration 属性，控制动画过渡时间
  • 新增 customStyle 透传样式至根节点
  • 新增 overlayProps 属性，透传至 overlay 组件

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

Vue3 for Mobile 发布 0.9.1

Features

• Toast: 新增 overlayProps 属性透传至 overlay 组件，新增 showOverlay 属性控制遮罩层显示
• Button: 支持 4 种类型
• Overlay: 新增组件
• DropdownMenu: 新增 toggle 方法用于切换菜单
• Tag: 升级样式以及支持左图标

Bug Fixes

• Message: 优化用法，支持 v-model
• DateTimePicker: 修复DateTimePicker组件value为空时无法正常展示的问题
• Search: 修复 blur 事件参数返回错误的问题
• DropdownMenu: 修复 dropdownmenu-item 的 label 不支持动态更新等问题
• DropdownMenu: 修复 radio、checkbox 样式问题

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

React for Mobile 发布 0.1.1

Features

• Tag: 视觉升级以及新增支持左图标
• Progress: 新增 Progress 组件
• Fab 新增 Fab 组件

Bug Fixes

• Search: 修复无法使用的问题
• Button: 补充支持 style 属性

详情见：https://tdesign.tencent.com/mobile-react/getting-started

解决方案及周边

TDesign Vue Starter 发布 0.3.1

Bug Fixes

• 处理 vue2.7发布引起的不兼容问题。处理方式，保证 vue 版本在 2.7 以下，vue-template-compiler 版本与 vue 一致，升级 vite-plugin-vue2-svg 版本到 0.3.0

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

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