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
TDesign React Starter 发布 0.1.5
🌈 Features
- 新增卡片列表页
- 菜单路由配置
hidden和single功能
🐞 Bug Fixes
详情见:https://github.com/Tencent/tdesign-react-starter/releases/tag/0.1.5
更新公告:https://github.com/Tencent/tdesign/releases/tag/v2022.6.27