腾讯企业级设计体系 TDesign 发布 2022.6 第四周更新

TDesign 是一款诞生于腾讯内部、拥有完整的设计价值观和视觉风格指南的企业级设计体系，同时提供了丰富的设计资源，在设计体系基础上产出基于 Vue、React、小程序等业界主流技术栈的组件库解决方案，适合用于构建设计统一 / 多端覆盖 / 跨技术栈的企业级前端应用。

目前，TDesign 发布了 2022 年 6 月的第四周更新，带来如下变更：

组件库

Vue2 for Web 发布 0.43.0

❗ Breaking Changes

• 默认移除全局 reset 样式引入，可从 tdesign-vue/dist/reset.css 中单独引入，存在不兼容更新
• DatePicker: 重构DatePicker为composition API，全新的UI样式及交互，新增DateRangePicker组件，替换此前的range写法 ，存在不兼容更新
• TimePicker: 重构TimePicker为composition API，全新的UI样式及交互，disableTime API有所调整，存在不兼容更新

? Features

• Space: 新增 space 组件
• ConfigProvider: 增加 input 组件 autocomplete 配置，增加 dialog 组件 closeOnEscKeydown, closeOnOverlayClick 配置, 增加 select 组件 filterable 配置，增加 drawer 组件 closeOnEscKeydown, closeOnOverlayClick 配置
• Local: 增加日语和韩语语言包
• Table: fullRow不参与排序

? Bug Fixes

• Table:
  • 吸顶表头支持自定义滚动容器
  • 处理table在部分SSR场景渲染失败的问题
  • 修复仅有firstFullRow不渲染的问题
  • 修复paginationAffixedBottom 透传Affix 参数不生效
  • 修复 0.41.7 版本后过滤功能构建后异常的问题
  • 修复 0.41.7 版本后过滤功能构建后异常的问题
• Select:
  • option数量小于threshold时不开启虚拟滚动
  • 单选下 valueType 为 object 时, onChange返回值类型修复
  • 修复 useDefaultValue、useVModel 初值为 undefined 时, 组件初始化为非受控的问题
  • 修复多选下换行提取占满一行的问题
• SelectInput: 修复展开下拉时失去焦点不高亮的问题
• TagInput: 修复中文输入按下 Enter 时不触发新标签
• InputNumber: 修复enter事件不触发的问题
• Affix: 节点挂载后吸顶没有执行的问题

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

Vue3 for Web 发布 0.16.1

? Features

• Cascader： 支持 filter API 用于自定义搜索方法
• Form： 新增 validateOnly 实例方法
• Form： 新增 validate、submit 实例方法参数 showErrorMessage
• Dialog： 新增preventScrollThrough
• Table： 支持拖拽调整宽度，设置 resizable=true 即可
• Table： 支持表头吸顶、表尾吸底、滚动条吸底、分页器吸底等
• Table： 树形结构，appendTo 支持添加多条数据
• Table： 树形结构，支持数据节点 懒加载 子节点数据
• Icon： 新增rollfront图标

? Bug Fixes

• DatePicker： 修复 datepicker format 导致的高亮问题
• TimePicker： 修复在 datepicker 中混用 不保留修改结果二次打开的异常
• TimePicker： 修复部分情况下由于 allowInput ref 问题导致保留改动结果的错误
• DatePicker： 修复通过过快捷方式设置的时间区间高亮数据异常
• DatePicker： 修复栅格的情况下组件宽度 超过父级容器的限制 组件显示不完整
• Dialog： 修复 dialog 蒙层点击事件失效
• Select： 修复使用 onEnter 事件报错
• Select： 修复远程搜索功能失效了
• Cascader： 修复可过滤情况下，结果为空时候的 popup 宽度问题
• Input： 修复 type 为 password 时 clearable 属性不生效
• Form： submit 和 reset 现在不会触发 submit 和 reset 事件
• Form： submit 实例方法兼容 safari 浏览器 (https：//github.com/Tencent/tdesign-vue-next/pull/964
• ConfigProvider： 修复 inject 在 computed 中意外出现, 优化配置文件 merge 性能
• Tabs： 修复 panels 变化时，往右按钮不出现的问题
• Table： 支持动态数据合并单元格
• Table： 吸顶表头和自定义显示列场景，支持列拖拽调整顺序
• Table： 修复 firstFullRow 存在时，拖拽排序的顺序不正确问题
• Table： 修复加载更多的加载组件尺寸异常问题
• TimePicker： range 组件最外层使用 range-picker 命名与单时间选项区分

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

React for Web 发布 0.36.1

❗ Breaking Changes

• reset： 默认移除全局 reset 样式引入，可从 tdesign-react/dist/reset.css 中单独引入，存在不兼容更新

? Features

• Space： 新增 Space 组件
• taginput： excessTagsDisplayType 默认值更为 break-line
• Table： firstFullRow不参与排序
• Form： 支持 validateOnly 函数 & validate 函数支持 showErrorMessage 参数
• Locale： 新增日文韩文翻译
• Select： label 支持 TNode 类型
• ConfigProvider： 增加 input 组件 autocomplete 配置，增加 dialog 组件 closeOnEscKeydown, closeOnOverlayClick 配置, 增加 select 组件 filterable 配置，增加 drawer 组件 closeOnEscKeydown, closeOnOverlayClick 配置
• Icon： 新增rollfront图标

? Bug Fixes

• table： 修复加载更多的加载组件尺寸异常问题
• Select： 修复输入部分特殊符号过滤时组件崩溃的问题
• Table： 修复仅有firstFullRow渲染为空的问题
• Select： onChange事件回调参数缺失
• Form： 修复 number 校验无效问题

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

解决方案及周边

TDesign Starter CLI 发布 0.2.4

? Features

• 自定义模式下移除无效的引用

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

TDesign Vue Next Starter 发布 0.3.5

? Features

• 调整类型相关问题的项目结构
• 改造请求封装相关代码

? Bug Fixes

• 修复首页TAB关闭其他时的异常
• 修复升级 0.16 版本后自定义设置中选项样式的异常
  详情见：https://github.com/Tencent/tdesign-vue-next-starter/releases/tag/0.3.5

TDesign React Starter 发布 0.1.5

? Features

• 新增卡片列表页
• 菜单路由配置hidden和single功能

? Bug Fixes

• 同步DatePicker组件升级的改动

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

更新公告：https://github.com/Tencent/tdesign/releases/tag/v2022.6.27