TDesign 是一款诞生于腾讯内部、拥有完整的设计价值观和视觉风格指南的企业级设计体系,同时提供了丰富的设计资源,在设计体系基础上产出基于 Vue、React、小程序等业界主流技术栈的组件库解决方案,适合用于构建设计统一 / 多端覆盖 / 跨技术栈的企业级前端应用。
目前,TDesign 发布了 2023 年 6 月的第三周更新,以下为各组件的新特性介绍(Bug fix 等内容请点击链接查看详情):
组件库
Vue2 for Web 发布 1.4.4
🐞 Bug Fixes
Drawer: 修复 destroyOnClose 不符合预期问题 (#2517)
TextArea: 修复设置 value 值后 autosize 自适应失效的问题 (#2527)
Swiper: 修复 navigation 插槽失效的问题 (#2514)
Table: 减少斑马纹样式影响范围,避免自定义元素被自定义 (common#1415)
Menu: 侧边导航超长时,不再隐藏滚动条,防止鼠标操作环境下不能拖动滚动条的问题 (common#1416)
详情见:https://github.com/Tencent/tdesign-vue/releases/tag/1.4.4
Vue3 for Web 发布 1.3.8
🐞 Bug Fixes
ColorPicker:
- 初始化为渐变模式时 支持空字符串作为初始值 (#2996)
- 修复
recentColors 等字段的类型问题 (#2996)
- 修复内部下拉选项未透传
popupProps 的缺陷 (#2996)
Select: 修复使用tagName作为key时控制台出现告警的问题 (#2980)
Upload: ts 类型修复 (#2990)
Table: 本地数据排序,修复初始排序无效问题 (#2999)
TextArea: 修复不能响应设置 value 值后 autosize 自适应失效的问题 (#3002)
Guide: 切换时按钮出现动画 (#2997)
Swiper: 修复 navigation 插槽失效的问题 (#3003)
🚧 Others
详情见:https://github.com/Tencent/tdesign-vue-next/releases/tag/1.3.8
React for Web 发布 1.1.11
🐞 Bug Fixes
Table:
ColorPicker:
- 初始化为渐变模式时 支持空字符串作为初始值 (#2301)
- 修复
recentColors 等字段的类型问题 (#2301)
- 修复内部下拉选项未透传
popupProps 的缺陷 (#2301)
详情见:https://github.com/Tencent/tdesign-react/releases/tag/1.1.11
Miniprogram for WeChat 发布 1.1.10
🚀 Features
Tabs: 新增 split 属性 (#2113)
NoticeBar: 新增 interval 属性 (#2097)
🐞 Bug Fixes
Grid: 修复 align='left' 无效的问题 (#2110)
Fab: 修复 buttonProps 中的 hoverClass属性透传至 button 无效 (#2093)
Upload: 修复图片尺寸超出的问题 (#2098)
Slider: 修复使用 max 之后刻度展示错误的问题 (#2114)
Input: 修复 type='number' 时,value=0 无效的问题 (#2108)
Slider: 修复异步展示时导致刻度渲染错误的问题 (#2115)
ActionSheet: 修复点击 disabled 的选项仍触发 close、visible-change 事件 (#2117)
Stepper: 保证值发生变化才触发 change 事件 (#2118)
详情见:https://github.com/Tencent/tdesign-miniprogram/releases/tag/1.1.10
Vue3 for Mobile 发布 0.26.0
❗ Breaking Changes
🚀 Features
Textarea: 新增 layout 属性 (#879)
Input: 新增 borderless 属性 (#877)
Button: 增加幽灵按钮的点击样式 (#883)
Rate: 增加组件禁用态样式 (#887)
Table: 新增 loadingProps 属性 (#884)
🐞 Bug Fixes
DateTimePicker: 修复 value 无法动态响应的问题 (#869)
DateTimePicker: 修复 mode 使用时分秒时错误的问题 (#869)
Grid: 修复组件上下边距及水平滚动时字号错误 (#867)
Loading: 修复示例样式问题 (#866)
Slider: 修复 change 事件重复触发的问题 (#864)
ActionSheet: 修复 items 项数小于 count 时,selected 事件返回值错误 (#870)
Textarea: 修复 label 标签字号错误 (#879)
Input: 修复禁用态输入框文本颜色错误 (#877)
Input: 修复垂直布局时 label 下边距错误 (#877)
Input: 修复示例样式问题 (#877)
Form: 修复 FormRule 中 type 属性无效的问题 (#876)
Form: 修复 expose 中的 submit 和 reset 事件报错 (#876)
Form: 修复文档 labelWidth 属性默认值错误 (#876)
Radio: 修复 placement 错误的问题 (#882)
Table: 修复边框和字号错误 (#880)
Button: 移除禁用态的点击样式 (#883)
SideBar: 修复示例错误 (#886)
Image: 修复 error 默认值失效 (#885)
Table: 修复 loading 属性无效的问题 (#884)
🚧 Others
- fix: 优化多个示例页面切换问题 (#890)
DateTimePicker: 提升测试覆盖率 (#869)
Slider: 提升测试覆盖率 (#864)
ActionSheet: 补充测试用例 (#870)
Dialog: 补充测试用例 (#872)
Cascader: 补充测试用例 (#874)
Tabs: 补充测试用例 (#822)
Form: 补充测试用例 (#876)
Table: 更新示例 (#880)
ImageViewer: 补充测试用例 (#861)
DropdownMenu: 补充测试用例 (#868)
Tabs: 提升测试覆盖率 (#865)
Image: 更新示例代码 (#885)
Form: 更新示例代码 (#887)
Indexes: 补充测试用例 (#881)
Table: 补充单元测试 (#884)
Tabs: 补充测试用例 (#822)
详情见:https://github.com/Tencent/tdesign-mobile-vue/releases/tag/0.26.0