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