TDesign 更新周报（2022年6月第3周）

组件库

Vue2 for Web 发布 0.42.1

Features

• Form：
  • 实例方法 reset 支持重置指定字段，新增参数 { type:'initial' | 'empty', fields:number[] }
  • 实例方法 validate 支持值校验而不显示每个组件的错误信息文本，新增参数 { showErrorMessage }
  • FormItem 支持自定义 help 内容，插槽和渲染函数均可
  • 新增纯净的校验方法 validateOnly，专门用作校验，不带任何副作用
  • 修复TagInput 组件按下 Enter 时触发 submit 事件，不再触发
• Dialog：优化动画初始位置

Bug Fixes

• Table:
  • 修复 table 透传 loading size 为枚举无效的问题
  • 优化吸顶和吸底的位置，支持带有 offsetBottom 和 offsetTop 特性的位置定位
• Select:
  • 修复 t-option 异步加载问题
  • 修复分组为空未展示分组名称的问题
  • 优化虚拟滚动示例、修复 pagination 分页数量宽度问题
• Dialog:
  • 修复普通对话框不脱离文档流的问题
  • 修复点击对话框后对话框会隐藏问题
  • 修复 modeless 模式下背景样式点击透传的问题
  • 修复 attach 挂载 showInAttachedElement 定位问题

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

Vue3 for Web 发布 0.16.0

Breaking Changes

• Select：基于 selectInput 重构组件 , 并使用 CompositionAPI 重构组件逻辑, 增加相关 API，存在不兼容更新
• DatePicker：重构 DatePicker 为 compositionAPI，全新的UI样式及交互，移除 range api，分别导出 Datepicker 与 DateRangePicker，存在不兼容更新
• TimePicker：重构TimePicker为 compositionAPI，全新的UI样式及交互，disableTime API 有所调整, 调整交互为点击确认按钮保留改动, 直接关闭弹窗不保留改动恢复初始值，存在不兼容更新

Features

• Table：筛选对话框输入筛选内容之后按回车应该和按确定按钮一样
• Table：筛选功能支持自定义组件方式，示例：columns:[{ filter:{ component:DatePicker, props:{} } }]
• Table：拖拽排序事件，新增参数 data 和 newData，分别表示变更前后的数据
• popup：支持动态设置 trigger & placement
• InputAdornment：新增 input-adornment 组件
• TreeSelect：增加 autoWidth borderless API
• Select：增加 select 的键盘选中交互
• Pagination：增加pageEllipsisMode API, 用于配置页码数量超出时，首尾省略模式
• Skeleton：增加 delay API 用于延迟加载
• TimePickerPanel ：新增 TimePickerPanel 组件用于单独使用面板的场景, 新增 disableTime、onFocus、onBlur、onInput 等API
• Datepicker：增加 allowInput api, 新增 DatePickerPanel 与 DateRangePickerPanel 单独使用支持年份、月份区间选择

Bug Fixes

• popup：修复初始化 visible 为 true 时的定位抖动
• Slider：修复 inputNumberProps 无法支持 readonly、tips 等 api 配置问题(#941)
• DatePicker：enable-time-picker 状态下，prefixIcon 不起作用
• Datepicker：修复 datepicker separator 日期分隔符属性失效问题
• table：合并单元格支持动态数据
• Table：修复 Table 透传 loading size 为枚举无效的问题
• Select：修复透传 inputProps 参数无效
• switch：修复 slots.label 参数无效
• TreeSelect：优化过滤状态下的输入框交互，修复 selectInput 参数透传数据响应问题
• Cascader：修复下拉面板宽度问题
• Form：修复调用实例方法 reset 添加参数无效
• Form：修复调用实例方法 submit 后 onSubmit 回调函数参数 e 为 undefined 的问题
• CheckBox：修复二次封装多选框组件插槽定义选项失效
• Upload：修复图片列表模式存在图片列表的情况下，拖拽图片会触发浏览器默认打开图片行为
• Slider：修复 slider 数字输入框初始化重复渲染问题
• DatePicker：enable-time-picker 状态下，prefixIcon 不起作用

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

React for Web 发布 0.35.1

Features

• table: 支持拖拽调整宽度，设置 resizable=true 即可
• table: 表头吸顶、表尾吸底、滚动条吸底、分页器吸底
• DatePicker: 完善 panel 事件逻辑

Bug Fixes

• table: 修复table透传 loading size 为枚举无效的问题
• Select: option子组件没有透传 style 实现的问题
• table: 支持动态数据合并单元格
• table: 吸顶表头和自定义显示列场景，支持列拖拽调整顺序
• table: 修复 firstFullRow 存在时，拖拽排序的顺序不正确问题
• timepicker: 修复初始化滚动问题
• Select: 修复 minCollapsedNum 无效问题
• Skeleton: 修复 ts 类型问题
• Tabs: 修复左右切换渲染问题
• Dialog: 修复 mask 关闭问题

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

Miniprogram for WeChat 发布 0.13.2

Features

• DropdownMenu: 单选的情况下，选择之后直接关闭

Bug Fixes

• Dialog: 修复取消按钮传递 Object 显示不正确的问题
• Checkbox: 修复外部样式类无法使用的问题

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

Miniprogram for QQ 发布 0.0.2

• 适配 QQ 小程序版本的组件库发布 0.0.2 版本已上线官网，目前处于 alpha 阶段，欢迎访问官网试用

设计资源

Figma for Web 发布 1.2.1

Features

• icon：新增 rollfront 图标、新增设计示例使用图标 move/leftRight/upDown/text/not-allowed
• font：新增字体样式 token

Bug Fixes

• Form：修复绝对定位对齐问题和间距过大问题
• Alert：修复样式层级和圆角问题
• Tooltip：修复圆角使用问题
• Dialog：修复圆角使用问题

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

解决方案及周边

TDesign Vue Next Starter 发布 0.3.4

Features

• 升级组件库依赖至0.16.0，datepicker、dialog组件的使用请参考改动

Bug Fixes

• 修复退出登录之后重新登陆新增了空Tab的缺陷
• 修复切换多标签Tab页时的告警问题

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

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