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

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

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: 新增 validatesubmit 实例方法参数 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 属性不生效
  • Formsubmit 和 reset 现在不会触发 submit 和 reset 事件
  • Formsubmit 实例方法兼容 safari 浏览器 (https://github.com/Tencent/tdesign-vue-next/pull/964
  • ConfigProvider: 修复 inject computed 中意外出现, 优化配置文件 merge 性能
  • Tabs: 修复 panels 变化时,往右按钮不出现的问题
  • Table: 支持动态数据合并单元格
  • Table: 吸顶表头和自定义显示列场景,支持列拖拽调整顺序
  • Table: 修复 firstFullRow 存在时,拖拽排序的顺序不正确问题
  • Table: 修复加载更多的加载组件尺寸异常问题
  • TimePickerrange 组件最外层使用 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 组件
  • taginputexcessTagsDisplayType 默认值更为 break-line
  • TablefirstFullRow不参与排序
  • 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渲染为空的问题
  • SelectonChange事件回调参数缺失
  • 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

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

🐞 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

 

关于作者: qwephp

.

为您推荐