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
Dropdown: 新增带图标的下拉菜单示例 (#2995)Table: 修复文档缺失吸顶表头示例代码问题,issue#2764 (#2999)
详情见:https://github.com/Tencent/tdesign-vue-next/releases/tag/1.3.8
React for Web 发布 1.1.11
🐞 Bug Fixes
Table:- 可拖拽调整列宽场景,修复
resizable=false无效问题,默认值为 false (#2297) - 本地数据排序场景,修复异步拉取数据时,取消排序数据会导致空列表问题 (#2297)
- 修复固定表格 + 固定列 + 虚拟滚动场景,表头不对齐问题,issue#2126 (#2297)
- 可编辑单元格/可编辑行场景,修复数据始终校验上一个值问题,调整为校验最新输入值,issue#2219 @(#2297)
- 修复本地数据排序,多字段排序场景,示例代码缺失问题,issue#1966 (#2297)
- 可拖拽调整列宽场景,修复
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
NavBar: 调整布局方式 (#871)
🚀 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