Releases: Tencent/tdesign
TDesign Weekly Release (Oct 3rd 2022)
组件库
Vue2 for Web 发布 0.49.1
🚀 Features
Select
:onChange
事件增加 option 参数返回 issue#1664 @skytt (#1667)- 添加 options 参数监听, 优化部分场景下 option 更新逻辑 issue#1681 @skytt (#1682)
Upload
: 多图片上传,图片文件名支持abridgeName
@chaishi (#1669)dialog
: 优化非模态对话框拖拽事件鼠标表现 @huoyuhao (#1352)
🐞 Bug Fixes
Select
: 空值兼容 null 的情况 issue#1668 @skytt (#1667)Upload
: @chaishi (#1669)- 修复
name
无效的问题 - 修复自定义上传方法不支持图片回显的问题
- 修复
Collapse
: 修复点击标题没有触发折叠功能的问题 @huangpiqiao (#1676)Tabs
: 修复 Tabs 切换时会导致表单初始化聚焦失效问题 @huangpiqiao (#1676)Datepicker
: @luwuer (#1587)- 修复
t-date-picker__cell--active-start
和t-date-picker__cell--active-end
在第二次操作时错序的问题 issue#1580 - 修复 hover 已选择日期动画导致 cell 闪烁问题 @luwuer (#1587)
- 修复
Textarea
: 修复禁用状态字数限制区域的样式问题 @uyarn (#1684)Space
: 修复子节点为空的报错 @uyarn (#1684)Dialog
: 修复 theme 为非 default 时 body 节点类名的问题 @uyarn (#1684)
详情见:https://github.com/Tencent/tdesign-vue/releases/tag/0.49.1
Vue3 for Web 发布 0.24.3
🚀 Features
🐞 Bug Fixes
Dropdown
: 修复子节点文字省略功能丢失的问题 @uyarn (#1877)Upload
:Select
:- 修复远程搜索带过滤时,已选择内容
label
丢失问题(issue #1466) @PengYYYYY (#1908) - 修复初始值为
undefined
时,出现报错 @PengYYYYY (#1908)
- 修复远程搜索带过滤时,已选择内容
详情见:https://github.com/Tencent/tdesign-vue-next/releases/tag/0.24.3
React for Web 发布 0.42.4
🚀 Features
Tag
: 样式优化,实现 light-outline 风格 @HelKyle (#1590)Upload
: 多图片上传,图片文件名支持abridgeName
@chaishi (#1616)Comment
: 样式优化 @zhangpaopao0609 (#1614)InputAdornment
: 样式优化 @zhangpaopao0609 (#1606)
🐞 Bug Fixes
Drawer
: 修复浮层关闭后聚焦问题 @NWYLZW (#1591)Input
: 修复input 限制字符无效问题 @HQ-Lin (#1624)Slider
: 修复 slider marks 为 object 时刻度位置异常 @HelKyle (#1600)Popup
: 兼容 trigger 元素获取异常报错问题 @HQ-Lin (#1626)Form
: 调整requireMark
、showErrorMessage
等默认值 @HQ-Lin (#1602)Select
: 修复 onChange 回调参数缺失问题 @uyarn (#1603)Swiper
: 当轮播只有一个时,点击左侧按钮后,按钮失效问题 @yatessss (#1604)Dropdown
:Upload
:Tabs
:
详情见:https://github.com/Tencent/tdesign-react/releases/tag/0.42.4
Miniprogram for WeChat 发布 0.23.1
🐞 Bug Fixes
详情见:https://github.com/Tencent/tdesign-miniprogram/releases/tag/0.23.1
Vue3 for Mobile 发布 0.12.2
🚀 Features
🐞 Bug Fixes
DateTimePicker
: 修复cancelBtn
和confirmBtn
无效的问题 @anlyyao (#407)Cell
: 修复RightIcon
渲染错误 @anlyyao (#416)NoticeBar
: 修复prefixIcon
类型错误,取消String
类型,新增Boolean
类型 @anlyyao (#421)NoticeBar
: 修复content
和extra
内容重复渲染问题 @anlyyao (#421)Grid
: 修复image
插槽无法正常渲染的问题 @LeeJim (#423)
详情见:https://github.com/Tencent/tdesign-mobile-vue/releases/tag/0.12.2
设计资源
Sketch for Web 发布 1.1.2
🚀 新组件,新优化
- 性能优化:组件的整理与命名优化,提高识别效率,减少层级;不使用隐藏图层的方式来表达组件状态,性能大幅提升
- 样式升级:优化颜色图层应用图层样式,优化色值描述文字;新增 500+ 字体样式并全局应用,修复了大量 Dirty Style 文本;新建投影图层样式并全局应用
- 示例页:所有示例页全新升级,浏览组件更合理更便捷
- 图层样式:去掉冗余重复的样式;优化样式命名,去除了名称中交互态的说明,应用样式时选择更快捷,体验更加友好
Layout
:新增示例页Shadow
:新增示例页Button
:统一不同尺寸,不同类型、不同交互态的按钮,共计新增了1200+组件,且已应用图层与文本样式,可在 Overrides 修改按钮的圆角半径了Swiper
:新增轮播组件Tag
: 新增不同类型组件Link
:新增链接组件,新增不同类型组件Image
:新增图片组件,应用已有图标组件Card
:新增卡片组件,整理图层ImageViewer
:新增图片查看器组件- Search:新增搜索组件,新增不同类型组件,添加自适应逻辑
Timeline
:新增时间轴组件Table
:新增不同类型组件,应用独立边框样式
⚠️ Change
Steps
:解决步骤条组件错误图标颜色显示不正确问题;重构组件,补全了缺少的组件,添加自适应逻辑Badge
:解决徽标组件中示例显示不正确问题,增加自适应逻辑Rate
:解决了评分交互状态没说明弹窗的问题Pagination
:分页中的选择器样式更新Calendar
:重构组件内容,应用独立边框样式,补全了缺少的组件Message
:补全缺少的组件Anchor
:重构组件,应用独立边框样式Breadcrumb
:重构组件,补全了缺少的组件Dropdown
:重构组件,补全了缺少的组件,提供不同主题与类型Tab
:重构组件,应用独立边框样式,补全了缺少的组件,添加了自适应逻辑List
:重构组件,修复了元素间距与组件尺寸Comment
:去除冗余组件,添加自适应逻辑Collapse
:去除冗余组件,添加自适应逻辑Tag
: 重构组件,修复了元素间距与组件尺寸,新增不同类型组件Radio
:修复字体样式与图层圆角半径错误的问题,新增不同类型组件Checkbox
:修复字体样式与图层圆角半径错误的问题,新增不同类型组件InputNumber
:去除冗余组件,添加自适应逻辑,补全了缺少的组件,新增不同类型组件Transfer
:应用现有组件重构穿梭框组件,去除冗余组件,并全局应用Tree
:应用现有组件重构树结构组件,现在文本样式已正确应用,新增不同类型组件供选择,添加自适应逻辑Select
:应用现有组件重构选择器组件,去除冗余组件,新增不同类型组件,添加自适应逻辑Cascader
:应用现有组件重构级联选择器组件,去除冗余组件,新增不同类型组件,添加自适应逻辑Input
:去除冗余组件,新增不同类型组件,添加自适应逻辑DatePicker
:整理图层,正确应用文本及图层样式,去除冗余组件,新增不同类型组件,添加自适应逻辑Upload
:整理图层,新增不同类型组件
🐞 Bug Fixes
Tooltips
:修复箭头小三角的显示错误问题Dialog
:修复圆角半径错误的问题,补全缺少组件Notification
:修复圆角半径错误的问题,补全了缺少的组件Popconfirm
:修复箭头小三角的显示错误问题Avatar
:修复图层样式应用错误的问题,按尺寸新增头像类型;修复了组合头像使用图层外边框的问题Alert
:修复图层已应用样式Slider
:修复了元素间距
解决方案及周边
TDesign Vue Starter 发布 0.4.3
🚀 Features
- 升级组件库依赖至0.49+ 优化下拉菜单高度及多级结构 by @uyarn in Tencent/tdesign-vue-starter#181
详情见:https://github.com/Tencent/tdesign-vue-starter/releases/tag/0.4.3
TDesign Vue Next Starter 发布 0.5.4
🚀 Features
- 升级
vue-router
至4.1+ by @timi137137 in Tencent/tdesign-vue-next-starter#341 - 升级
vue-tsc
至 1.0+ by @timi137137 in Tencent/tdesign-vue-next-starter#341
🐞 Bug Fixes
- 修复系统设置事件绑定位置的错误(#344) by @timi137137 in Tencent/tdesign-vue-next-starter#345
详情见:https://github.com/Tencent/tdesign-vue-next-starter/releases/tag/0.5.4
TDesign Weekly Release (Oct 2nd 2022)
组件库
Vue2 for Web 发布 0.49.0
❗ Breaking Changes
🚀 Features
Dropdown
: @uyarn (#1607)- 支持
direction
API,支持向左展开菜单 - 新增
theme
等API 支持自定义菜单项主题 - 支持直接使用
t-dropdown-menu
作为子节点,同时继续支持dropdown
的具名插槽,插槽方式支持多级菜单嵌套
- 支持
Tag
: 样式优化,实现light-outline
风格 @HelKyle (#1617)Table
: @chaishi (#1633)- 表格列属性
attrs
支持自定义任意单元格属性 - 新增列属性
colspan
,用于设置单行表头合并 - 超出省略功能,支持同时设置省略浮层内容
ellipsis.content
和属性透传ellipsis.props
- 增强型表格,支持列配置,支持不传
displayColumns
时默认显示全部列,issue#1784
- 表格列属性
Card
: Card 样式调整 @yilaierwang (#1631) (common#901)
🐞 Bug Fixes
Form
:- Form 可以禁用 Select/Cascader/DatePicker,及其
clearable
属性 @Summer-Shen (#1351) - 调整
requiredMark
支持独立控制星号展示 @HQ-Lin (#1606)
- Form 可以禁用 Select/Cascader/DatePicker,及其
Table
:- 筛选功能,
resetValue
无效,issue#1611 @chaishi (#1633) - 表头吸顶功能,数据变化更新吸顶位置,issue#1452
- 修复配置吸底滚动条时,margin-top 造成遮挡到问题,issue#1585 @LoopZhou (#1633)
- 筛选功能,
ImageViewer
: 修复 zIndex 默认值过低的问题 @sinbadmaster (#1634)Datepicker
:- 修复范围选择器面板年份异常的问题 @sinbadmaster (#1644)
- 修复范围选择器数据格式化异常的问题 @HQ-Lin (#1613)
Upload
: 只有多个上传请求同时触发时才需触发 onOneFileFail 回调 @xixileng (#1652)Input
: 修复初始化或者赋值时,format 不生效的问题 @LoopZhou (#1650)
详情见:https://github.com/Tencent/tdesign-vue/releases/tag/0.49.0
Vue3 for Web 发布 0.24.2
🚀 Features
Select
: 下拉框隐藏的时候清空筛选文本 @skytt (#1847)Tag
: 样式优化,实现light-outline
风格 @HelKyle (#1859)Table
: 增强型表格,支持列配置,支持不传displayColumns
时默认显示全部列,(issue #1784) @chaishi (#1869)DatePicker
: 调整requiredMark api
可独立控制星号展示 @HQ-Lin (#1832)
🐞 Bug Fixes
Dropdown
:Table
:- 筛选功能,
resetValue
无效,(issue #1611) @chaishi (#1869) - 表头吸顶功能,数据变化更新吸顶位置,(issue #1585) @chaishi (#1869)
- 组件类型未导出 (issue #1815) @PengYYYYY (#1871)
- 移除demo中对吸顶表格的最大宽度限制 @ZTao-z (#1854)
- 筛选功能,
Tooltip
: 修复tooltip
无法显示问题(issue #1834) @ChrisLee0211 (#1842)DatePicker
: 修复range
数据格式化异常问题 @HQ-Lin (#1845)Tree
:watch
联动判断找不到父节点 (issue #1754) @Reg1350 (#1848)Card
: 修复demo
样式 @yilaierwang (#1861)Avatar
:demo
中头像类型展示,删除重复头像并调整展示顺序 @tutaizi (#1838)Tree
:watch
联动判断找不到父节点 (issue #1754) @Reg1350 (#1848)Card
: 修复demo
样式 @yilaierwang (#1861)Avatar
:demo
中头像类型展示,删除重复头像并调整展示顺序 @tutaizi (#1838)Popup
: 关闭时销毁dom
@Lmmmmmm-bb (#1867)
详情见:https://github.com/Tencent/tdesign-vue-next/releases/tag/0.24.2
React for Web 发布 0.42.3
🚀 Features
🐞 Bug Fixes
Table
:DatePicker
: 修复 range 数据格式化异常问题 @HQ-Lin (#1587)Collapse
: 修复 defaultExpandAll 属性没有生效 & 包含 form 表单的时候样式出现溢出问题 @duanbaosheng (#1579)Form
: 修复getInternalHooks
警告问题 @HQ-Lin (#1577)
详情见:https://github.com/Tencent/tdesign-react/releases/tag/0.42.3
Miniprogram for WeChat 发布 0.23.0
🚀 Features
🐞 Bug Fixes
PulldownRefresh
: 修复高度无法自适应外容器的问题 @LeeJim (#909)Tabs
: 修复 placement = left 时, Nav 不可见且不居左的问题 @LeeJim (#908)TabBar
: 修复 item 不传 value 时无法自动生成备用值的问题 @LeeJim (#914)
详情见:https://github.com/Tencent/tdesign-miniprogram/releases/tag/0.23.0
Vue3 for Mobile 发布 0.12.1
🚀 Features
🐞 Bug Fixes
Search
: 修复shape
属性无效的问题 @anlyyao (#392)Search
: 修复clear
事件无效的问题 @anlyyao (#392)List
: 修复load-more
可选参数问题 @byq1213 (#376)List
: 修复load-more
可选参数问题 @byq1213 (#376)
详情见:https://github.com/Tencent/tdesign-mobile-vue/releases/tag/0.12.1
解决方案及周边
TDesign Vue Next Starter 发布 0.5.3
🚀 Features
- 项目通用 less vars 设置为全局变量,不需要再手动引入 by @dianjie in Tencent/tdesign-vue-next-starter#327
- 升级组件库依赖至0.24.2 优化下拉菜单高度及多级结构 by @uyarn in Tencent/tdesign-vue-next-starter#339
详情见:https://github.com/Tencent/tdesign-vue-next-starter/releases/tag/0.5.3
TDesign Weekly Release (Oct 1st 2022)
组件库
Vue2 for Web 发布 0.48.5
🚀 Features
Select
: 调整下拉交互 允许输入时不关闭下拉面板 减少相关交互问题 @uyarn (#1600)Datepicker
: 支持valueType
格式化日期用法 @HQ-Lin (#1578)ImageViewer
: 移除额外的根元素 @sinbadmaster (#1598)
🐞 Bug Fixes
Upload
:- 修复
upload
导出预期外的变量导致组件注册时出现告警 @PengYYYYY (#1583) - 添加参数
response
到事件onSuccess
,单文件是对象,多文件是数组,tdesign-vue-next#1774 @chaishi (#1584)
- 修复
TimePicker
: 关闭面板不再滚动 避免部分场景滚动未结束关闭面板继续滚动引发的问题 @uyarn (#1590)Select
: value 参数类型检测报错修复,增加 value 传值异常流的控制台提示 @skytt (#1574)
详情见:https://github.com/Tencent/tdesign-vue/releases/tag/0.48.5
Vue3 for Web 发布 0.24.1
❗ Breaking Changes
🚀 Features
Table
:Dropdown
:Dialog
: 增加fullscreen api
@gumingWu (#1687)Select
: 调整下拉交互允许输入时,不关闭下拉面板,减少相关交互问题 @uyarn (#1808)
🐞 Bug Fixes
Dropdown
: 修复插槽用法的使用缺陷 (issue #1825) @uyarn (#1827)Hooks
: 修复受控属性modelValue
和其他受控属性处理逻辑不一致的问题 @jxwanglong (#1828)Upload
:- 修复
upload
导出预期外的变量导致组件注册时出现告警 @PengYYYYY (#1775) - 添加参数
response
到事件onSuccess
,单文件是对象,多文件是数组,issue#1774 @chaishi (#1776)
- 修复
Tree
:TreeSelect
:- 修复节点选中状态变化时
change
事件触发两次(issue #1787) @Lmmmmmm-bb (#1797) - 修复多选状态下点击选项直接关闭面板的问题 @uyarn (#1812)
- 修复节点选中状态变化时
Swiper
: 修复卡片模式时,切换空白的问题(issue #1763) @btea (#1796)Popup
: 修复更改classprefix
导致展开收起动画失效及相关连锁问题 @uyarn (#1790)TimePicker
: 修复部分设备下无法获取内联token
导致的滚动异常 @uyarn (#1790)
详情见:https://github.com/Tencent/tdesign-vue-next/releases/tag/0.24.1
React for Web 发布 0.42.2
🚀 Features
Select
: 调整下拉交互 允许输入时不关闭下拉面板 减少相关交互问题 @uyarn (#1570)DatePicker
: 支持valueType
API @HQ-Lin (#1554)Table
:- 新增
showHeader
,支持隐藏表头 @chaishi (#1566) - 新增
column.colKey = serial-number
,支持序号列功能,#1517 @chaishi (#1566) - 新增
showSortColumnBgColor
,用于控制是否显示排序列背景色 @chaishi (#1566) - 支持属性
tree.treeNodeColumnIndex
动态修改, #1487 @chaishi (#1566) - 表格列属性
attrs
支持自定义任意单元格属性 @chaishi (#1566) - 新增列属性
colspan
,用于设置单行表头合并 @chaishi (#1566) - 超出省略功能,支持同时设置省略浮层内容
ellipsis.content
和属性透传ellipsis.props
@chaishi (#1566) - 支持泛型 @chaishi (#1552)
- 新增
🐞 Bug Fixes
InputNumber
: 输入中文或特殊符号时,清空数字为undefined
@chaishi (#1553)Upload
:Card
: 修复shadow
API不生效的问题 @Flower-F (#1555)Select
: 修复新创建的条目与已有项重复时重复显示的问题 @samhou1988 (#1550)TreeSelect
: 修复 filterable 时,点击 treeselect 闪的问题 @HelKyle (#1569)Form
: 修复 FormList 动态设置节点初始值丢失问题 @HQ-Lin (#1571)Input
: 兼容异步渲染组件计算宽度异常情况 @HQ-Lin (#1568)Table
:- 筛选功能,修复
filterRow={null}
无法隐藏过滤行问题,issue#1438 @chaishi (#1566) - 树形结构,叶子节点缩进距离修正 @chaishi (#1566)
- 超出省略功能,
ellipsisTitle
优先级应当高于ellipsis
, tdesign-vue#1404 @chaishi (#1566) - 行选中功能,修复
column.type=single
时,column.title
无效问题,issue#1372 @chaishi (#1566) - 过滤功能,
list.value
值为number
无法高亮过滤图标问题 @chaishi (#1566) - 行选中功能,数据变化时,选中的数据依旧是变化前的数据,#1722 @chaishi (#1566)
- 不提供
expandedRowKeys
的绑定会报错 ,缺少判空,#1704 @chaishi (#1566)
- 筛选功能,修复
Dialog
: 修复初次点击内容区域移到 mask 区域后关闭弹窗问题 @HQ-Lin (#1573)Pagination
: 修复jumper
输入框联动问题 @HQ-Lin (#1574)
详情见:https://github.com/Tencent/tdesign-react/releases/tag/0.42.2
Miniprogram for WeChat 发布 0.22.0
🚀 Features
🐞 Bug Fixes
Dialog
: 函数式Dialog.close()
关闭窗体支持自定义selector
@anlyyao (#894)Message
: 函数式Dialog.hide()
关闭窗体支持自定义selector
@anlyyao (#894)
详情见:https://github.com/Tencent/tdesign-miniprogram/releases/tag/0.22.0
Vue3 for Mobile 发布 0.12.0
🚀 Features
🐞 Bug Fixes
Slider
: 修复label
属性无效的问题 @anlyyao (#364)Tabs
: 修复change
事件和onChange
属性无效的问题 @anlyyao (#367)Grid
: 修复gutter
无效 @anlyyao (#381)Grid
: 修复border
无效 @anlyyao (#381)DropdownMenu
: 修复onChange
事件无效的问题 @anlyyao (#374)Rate
: 修复 ts 类型错误 @anlyyao (#386)NoticeBar
: 修复 content、extra 失效的问题 @TingShine (#302)NoticeBar
: 使用正确的 prefixIcon 插槽名 @anlyyao (#393)
详情见:https://github.com/Tencent/tdesign-mobile-vue/releases/tag/0.12.0
TDesign Weekly Release (Sep 4th 2022)
组件库
Vue2 for Web 发布 0.48.3
🚀 Features
ImageViewer
: 新增ImageViewer
图片预览组件 @sinbadmaster (#1520)Upload
: 组件重构 @chaishi (#1561)- 新增
beforeAllFilesUpload
,所有文件上传之前执行,支持一次性判定所有文件是否继续上传。已经存在的beforeUpload
用于判定单个文件的是否继续上传 - 新增事件
onValidate
,文件校验不通过时触发,可能情况有:自定义全文件校验不通过、文件数量校验不通过、文件数量校验不通过 - 新增事件
onOneFileSuccess
,多文件上传场景下,在单个文件上传成功后触发 beforeUpload
存在时,依然支持sizeLimit
检测formatRequest
用于新增或修改上传请求参数- 一个请求上传多个文件时,参数携带全部文件
- 新增
triggerButtonProps
用于指定触发按钮风格
- 新增
Table
: @chaishi (#1562)
🐞 Bug Fixes
Select
: @skytt (#1566)- 修复可创建新条目场景下回车选择错误的问题(#1563 )
- 修复创建条目和选中已有条目同时触发的问题
- 完善键盘事件, 创建的新条目可通过键盘选择
Table
: @chaishi (#1562)- 树形结构,叶子节点缩进距离修正
- 超出省略功能,
ellipsisTitle
优先级应当高于ellipsis
, issue#1404 - 行选中功能,修复
column.type=single
时,column.title
无效问题,issue#1372 - 过滤功能,
list.value
值为number
无法高亮过滤图标问题 @chaishi (#1562) - 行选中功能,数据变化时,选中的数据依旧是变化前的数据,tdesign-vue-nex#1722
- 不提供
expandedRowKeys
的绑定会报错 ,缺少判空,tdesign-vue-nex#1704 @chaishi (#1562) - 修复视图切换或表格变化的场景下 吸顶吸底效果没有重新渲染计算的问题 issue#1529 @uyarn (#1570)
DatePicker
:TimePicker
: 修复部分场景style
属性内的 token 缺失导致滚动异常的问题 @uyarn (common#877)
详情见:https://github.com/Tencent/tdesign-vue/releases/tag/0.48.3
Vue3 for Web 发布 0.23.0
❗ Breaking Changes
Upload
:
🚀 Features
Upload
:- 为适应
requestMethod
参数由文件对象,更为数组 @chaishi (#1723) UploadFile
对象新增uploadTime
属性,用于表示上传时间 @chaishi (#1723)theme=file
支持多文件上传 @chaishi (#1723)- 文件上传前处理函数
beforeUpload
存在时,依然支持sizeLimit
检测 @chaishi (#1723) - 新增
beforeAllFilesUpload
,所有文件上传之前执行,支持一次性判定所有文件是否继续上传。已经存在的beforeUpload
用于判定单个文件的是否继续上传 @chaishi (#1723) - 新增事件
onValidate
,文件校验不通过时触发,可能情况有:自定义全文件校验不通过、文件数量校验不通过、文件数量校验不通过、文件名重复(允许重复文件名场景下不会触发)@chaishi (#1723) - 新增事件
onOneFileSuccess
,多文件上传场景下,在单个文件上传成功后触发 @chaishi (#1723) - 新增事件 `onOneFileFail ,多文件上传场景下,在单个文件上传失败后触发 @chaishi (#1723)
- 新增
formatRequest
用于新增或修改上传请求参数(现有的format
用于格式化文件对象)@chaishi (#1723) - 新增
triggerButtonProps
用于指定文件选择触发按钮风格 @chaishi (#1723)
- 为适应
Table
:Menu
: 如果存在链接参数,默认使用标签<a>
(issue #1671) @Lmmmmmm-bb (#1728)Image
: 增加image
组件 @PengYYYYY (#1735)
🐞 Bug Fixes
Table
:- 树形结构,叶子节点缩进距离修正 @chaishi (#1740)
- 超出省略功能,
ellipsisTitle
优先级应当高于ellipsis
, tdesign-vue#1404 @chaishi (#1740) - 修复不提供
expandedRowKeys
的绑定会报错 @MyZhouGit (#1705) - 行选中功能,修复
column.type=single
时,column.title
无效问题,issue#1372 @chaishi (#1740) - 过滤功能,
list.value
值为number
无法高亮过滤图标问题 @chaishi (#1740) - 行选中功能,数据变化时,选中的数据依旧是变化前的数据,#1722 @chaishi (#1740)
- 不提供
expandedRowKeys
的绑定会报错 ,缺少判空,#1704 @chaishi (#1740)
Swiper
:ImageViewer
:- 按
class
命名规范修复组件class
命名 @sinbadmaster (#1731)
- 按
- 修复
demo
中弹出窗样式异常 @sinbadmaster (#1731) DatePicker
:- 修复
prefixIcon
suffixIcon
失效问题 (issue #1673) @HQ-Lin (#1724) - 优化 datepicker 输入事件交互 @HQ-Lin (#1736)
- 修复
Dialog
: 修复在弹窗内按下鼠标,在蒙层中松开会关闭弹窗的问题 @sechi747 (#1739)TreeSelect
: 修复popuoContent
无padding
@fenbitou (#1714)Hooks
: 修复使用v-model.trim
会将内容清空的问题 @zhangpaopao0609 (#1721)TimePicker
: 调整time-pick
样式 @wanghanzhen (#1730)Upload
: 修复一个请求上传多个文件,参数携带全部文件,当前只会携带一个file
参数@chaishi (#1723)
详情见:https://github.com/Tencent/tdesign-vue-next/releases/tag/0.23.0
React for Web 发布 0.42.1
🚀 Features
Form
:Upload
:Table
: 新增 column.resizable 支持自定义任意列是否可拖拽调整宽度 @ZTao-z (#1535)Tooltip
: 新增lite模式子组件,rate/imageviewer改用lite版本 @carolin913 (#1546)TimePicker
: 优化边距 ui @wanghanzhen (#1531)ImageViewer
: 优化内部 dom 节点class bem 命名规范 @Ylushen (#1533)
🐞 Bug Fixes
TDesign Weekly Release (Sep 3rd 2022)
组件库
Vue2 for Web 发布 0.48.0
❗ Breaking Changes
🚀 Features
Table
: 新增 column.resizable 支持自定义任意列是否可拖拽调整宽度 @ZTao-z (#1523)Message
:Message
新增onClose
事件 @zhangpaopao0609 (#1467)Rate
: 新增Rate
评分组件 @Yilun-Sun (#1462)DatePicker
: 交互优化,二次修改日期不规范时清空另一侧数据 @HQ-Lin (#1521)
🐞 Bug Fixes
Steps
: 步骤条demo错误 @Micro-sun (#1515)jumper
: 修复 tips props 类型缺失 @HelKyle (#1511)Demos
: 修复select-input
示例展示 (issue #1640) (issue #1641) @PengYYYYY (#1514)Icon
: 修复修改prefix替换组件前缀对图标的影响 #common842 @uyarn (#1531)Table
TimePicker
: 修复部分场景滚动异常无法选中23:59:59的问题 @uyarn (#1534)InputNumber
: 处理0比较的异常 #common850 @uyarn (#1530)Swiper
:Collapse
: 增加节点和类名处理IE样式 @huangpiqiao (#1530)- 修复默认导入引用文件缺失问题 @HQ-Lin (#1519)
Input
: 修复默认状态提示文字颜色错误问题 @xiaosansiji (#1508)
🚧 Others
详情见:https://github.com/Tencent/tdesign-vue/releases/tag/0.48.0
Vue3 for Web 发布 0.22.0
❗ Breaking Changes
🚀 Features
LiveDemo
: 添加 watermark LiveDemo @k1nz (#1684)Table
: 可编辑单元格,添加row/rowIndex/col/colIndex
到onEdited
@chaishi (#1695)ImageViewer
: 支持title
与trigger
中的open api
@sinbadmaster (#1686)DatePicker
: 默认时间调整成00:00:00
@HQ-Lin (#1660)DatePicker
: 优化二次修改日期不规范时清空另一侧数据 @HQ-Lin (#1688)
🐞 Bug Fixes
Input
: 修复默认状态提示文字颜色错误问题 @xiaosansiji (#1663)Jumper
: 修复tips props
类型缺失 @HelKyle (#1669)Demos
: 修复select-input
示例展示 (issue #1640) (issue #1641) @PengYYYYY (#1670)Tooltip
: 修复无法正常展示(issue #1674) @zhangpaopao0609 (#1675)LiveDemo
: 修复 select LiveDemo 问题 (issue #1679) @k1nz (#1684)table
: 延迟更新表头时使用当前表宽重新计算各列宽度 @ZTao-z (#1691)Select
: 修复clear
清除操作,当前会设置value
为空字符串 (issue #1678) @PengYYYYY (#1681)Steps
: 修复Steps
使用插槽报错不渲染的问题(issue#802) @k1nz (#1697)Steps
: 修复Steps
生产环境extra
插槽显示异常问题 @k1nz (#1697)ImageViewer
: 修复键盘事件监听时机 @sinbadmaster (#1686)Menu
: 修复menuItem
过多时超出显示滚动条 (issue #1249) @sinbadmaster (#1381)Menu
: 平铺式侧边导航,收起菜单,三级目录不展示 (issue #1692)(issue #1571) @sinbadmaster (#1381)Pagination
:hover
增加过渡效果https://github.com/Tencent/tdesign/issues/231
@zhangpaopao0609 (#1689)
🚧 Others
详情见:https://github.com/Tencent/tdesign-vue-next/releases/tag/0.22.0
React for Web 发布 0.42.0
❗ Breaking Changes
DatePicker
: 移除valueType
api,可使用返回的 dayjs 对象自行格式化 @HQ-Lin (#1487)Select
: 移除onVisibleChange
、bordered
多余 api,可使用onPopupVisibleChange
、borderless
替代 @HQ-Lin (#1505)
🚀 Features
🐞 Bug Fixes
Icon
: 修复使用classprefix
替换组件前缀对图标的影响 #common842 @uyarn @HQ-Lin (#1500)Cascader
: 修复options
动态设置为空失效 @PengYYYYY (#1501)Checkbox
: 修复非规范属性引起的告警 @leosxie (#1496)TagInput
: 修复清除按钮未调用onClear
事件 @PengYYYYY (#1506)Select
: 修复透传tagProps
属性失败问题 @HQ-Lin (#1497)Notification
: 修复 offset 定位问题 @kenzyyang (#1504)SelectInput
:- 修复select-input使用valueDisplay渲染自定义tag筛选项展示居中错误 @AqingCyan (#1503)
- 修复 SelectInput 自适应换行问题 @HQ-Lin (#1500)
🚧 Others
详情见:https://github.com/Tencent/tdesign-react/releases/tag/0.42.0
Miniprogram for WeChat 发布 0.21.1
🚀 Features
🐞 Bug Fixes
Toast
: 重构 DOM 以及代码逻辑 @LeeJim (#863)ActionSheet
: 修复 theme = list 时点击选项之后报错的问题 @LeeJim (#866)Tabs
: 修复嵌套使用时样式错误的问题 @LeeJim (#869)
🚧 Others
Indexes
: 新增单元测试 @CodingOnStar (#850)Message
: 新增单元测试 @anlyyao (#859)SwipeCell
: 新增单元测试 @webwyb (#861)Swiper
: 新增单元测试 @anlyyao (#864)
详情见:https://github.com/Tencent/tdesign-miniprogram/releases/tag/0.21.1
Vue3 for Mobile 发布 0.10.6
🚀 Features
TDesign Weekly Release (Sep 2nd 2022)
组件库
Vue2 for Web 发布 0.47.0
❗ Breaking Changes
🚀 Features
🐞 Bug Fixes
Tabs
: 修复替换classPrefix
时组件渲染异常的问题 @uyarn (#1494)Upload
: 修复在wujie
环境中,部分按钮会触发两次的问题 @chaishi (#1502)TimePicker
: 修复往前点击时间时滚动异常的问题 @uyarn (#1499)DatePicker
: 修复cell-click
返回日期错误 @HQ-Lin (#1490)
详情见:https://github.com/Tencent/tdesign-vue/releases/tag/0.47.0
Vue3 for Web 发布 0.21.0
❗ Breaking Changes
🚀 Features
hooks
: 优化受控与非受控hooks
@zhangpaopao0609 (#1582)Guide
: 新增Guide
引导组件 @zhangpaopao0609 (#1540)
🐞 Bug Fixes
LiveDemo
: 修复tree
live demo
问题 @HQ-Lin (#1628)Dropdown
: 修复树形结构下的onclick
调用错误 @PengYYYYY (#1647)Table
: 修复columns type
为multiple
时,设置className
无效的问题 (issue #1632) @ojhaywood (#1633)Table
: 优化列宽调整策略 @ZTao-z (#1649)TimePicker
: 修复往前点击时间时滚动异常的问题 @uyarn (#1657)watermark
: 修复removable
无效 @samhou1988 (#1635)Form
: 修复labelAlign
为 top 时,form-item lable
为空labl
e 还会占据空间的问题 @ojhaywood (#1623)ImageViewer
: 多图片示例切换状态修复 @sinbadmaster (#1630)
🚧 Others
Demo
: 使用space
组件简化avatar
,badge
,calendar
,card
,collapse
示例 @RayJason (#1655)Demo
: 使用space
组件简化checkbox
,colorPicker
,form
示例 @RayJason (#1659)
详情见:https://github.com/Tencent/tdesign-vue-next/releases/tag/0.21.0
React for Web 发布 0.41.1
❗ Breaking Changes
🚀 Features
Upload
:ImageViewer
:DatePicker
: 支持二次更改时间选择器时可单次变更日期 @HQ-Lin (#1478)Table
: 优化列宽调整策略 @ZTao-z (#1483)Popup
: 支持popperOptions
、delay
、hideEmptyPopup
api @HQ-Lin (#1444)Upload
:- 重构 upload 组件,修复众多问题,支持更多 api
UploadFile
对象新增uploadTime
属性,用于表示上传时间 @chaishi (#1461)theme=file
支持多文件上传 @chaishi (#1461)- 文件上传前处理函数
beforeUpload
存在时,依然支持sizeLimit
检测 @chaishi (#1461) - 新增
beforeAllFilesUpload
,所有文件上传之前执行,支持一次性判定所有文件是否继续上传。已经存在的beforeUpload
用于判定单个文件的是否继续上传 @chaishi (#1461) - 新增事件
onValidate
,文件校验不通过时触发,可能情况有:自定义全文件校验不通过、文件数量校验不通过、文件数量校验不通过、文件名重复(允许重复文件名场景下不会触发)等 @chaishi (#1461) - 新增事件
onOneFileSuccess
,多文件上传场景下,在单个文件上传成功后触发 @chaishi (#1461) - 新增事件
onOneFileFail
,多文件上传场景下,在单个文件上传失败后触发 @chaishi (#1461) - 新增
formatRequest
用于新增或修改上传请求参数(现有的format
用于格式化文件对象) @chaishi (#1461) - 新增
triggerButtonProps
用于指定文件选择触发按钮风格 @chaishi (#1461)
🐞 Bug Fixes
TreeSelect
: 修复 data 异步更新,input 值没有及时更新的问题 @HelKyle (#1481)Dropdown
:RangeInput
: 优化 icon 居中展示的问题 @HQ-Lin (#1447)DatePicker
: 修复cellClick
返回日期错误 @HQ-Lin (#1458)Tabs
: 修复未替换部分classPrefix导致样式异常的问题 @uyarn (#1476)tree
: 修复disabled
下不可展开的问题 @uyarn (#1474)Upload
: 修复autoUpload=false
时,没有触发onChange
事件问题(可能存在 breaking change) @chaishi (#1461)Popup
: 修复 ref 透传丢失属性问题 @HQ-Lin (#1468)Select
: 修复布尔值选中没有显示对应的文字问题 @samhou1988 (#1441)
详情见:https://github.com/Tencent/tdesign-react/releases/tag/0.41.1
Miniprogram for WeChat 发布 0.21.0
❗️BREAKING CHANGES
🚀 Features
🐞 Bug Fixes
🚧 Others
TabBar
: 新增单元测试 @LeeJim (#846)Upload
: 新增单元测试 @anlyyao (#847)DropdownMenu
: 新增单元测试 @LeeJim (#848)Slider
: 新增单元测试 @LeeJim (#853)Picker
: 新增单元测试 @LeeJim (#854)DateTimePicker
: 新增单元测试 @LeeJim (#855)Sticky
: 新增单元测试 @Perisiguiendo (#852)
详情见:https://github.com/Tencent/tdesign-miniprogram/releases/tag/0.21.0
解决方案及周边
TDesign Vue Starter 发布 0.4.2
🚀 Features
- 多标签页的右键操作扩展支持非当前页进行操作 @uyarn in Tencent/tdesign-vue-starter#172
- add README in english in Tencent/tdesign-vue-starter#171
详情见:https://github.com/Tencent/tdesign-vue-starter/releases/tag/0.4.2
TDesign Vue Next Starter 发布 0.5.1
🚀 Features
- 多标签页的右键操作扩展支持非当前页进行操作 by @zhangpaopao0609 @uyarn in Tencent/tdesign-vue-next-starter#297
- 使用插件将store数据持久化 by @PDieE in Tencent/tdesign-vue-next-starter#291
- add README in English by @paiakarit @uyarn in Tencent/tdesign-vue-next-starter#301 Tencent/tdesign-vue-next-starter#305
🐞 Bug Fixes
- 解决当打开多个标签后 退出会报错的问题 by @PDieE in Tencent/tdesign-vue-next-starter#293
- 修复底部版权信息及面包屑导航垂直居中问题 by @zengqiu in Tencent/tdesign-vue-next-starter#299 Tencent/tdesign-vue-next-starter#298
- 修复浏览器不兼容页中浏览器推荐卡片遮挡页脚信息问题 by @zengqiu in Tencent/tdesign-vue-next-starter#303
详情见:https://github.com/Tencent/tdesign-vue-next-starter/releases/tag/0.5.1
TDesign Weekly Release (Sep 1st 2022)
组件库
Vue2 for Web 发布 0.46.4
🚀 Features
Popup
: 新增delay
属性用于控制延时显示或隐藏浮层,修复子 Popup 销毁时父级意外关闭的问题 @ikeq (#1436)Table
: @chaishi (#1454)- 树形结构,新增
getTreeExpandedRow
,用于获取展开的树形节点 - 可编辑单元格,
edit.rules
新增数据类型function
,用于动态设置校验规则,tdesign-vue-next#1472
- 树形结构,新增
DaterPicker
: 区间日期选择时,联动开始/结束时间面板月份选择,防止出现两个面板均在同一月份的情况 (issue #1469) @simpleAndElegant (#1470)TimePicker
: 支持带快捷标签 @chiyu1996 (#1407)- 官网:在线主题器支持全局圆角配置 @uyarn (#1459)
🐞 Bug Fixes
Select
:Button
: 区分loading
和disabled
状态,修复幽灵按钮 loading 状态背景色 @DevinXian (#1432)Popup
: 修复overlayInnerClassName丢失的问题 @ikeq (#1442)Table
:Cascader
: @PengYYYYY (#1457)- 修复
loadingText
无效 (vue-next #1555) - 修复
value
为number
类型时有告警的问题 (vue-next #1570) - 修复在输入时
entry
键会默认全选第一个选项的全部内容 (vue-next #1529) - 修复通过
SelectInputProps
透传方法属性导致传入SelectInput
的数据变成的数组 (vue-next #1502) - 修复
ellipsisTitle
配置优先级低于ellipsis
的问题 @Tomaolala (#1408)
- 修复
SelectInput
: 修复多选清除无效导致Cascader
点击清除按钮表现异常的问题 @PengYYYYY (#1457)Watermark
: 修复removable
属性设置不生效,及content
不支持动态修改变化的问题 @carolin913 (#1473)Input/Textarea
: 修正 emoji 类字符 length 计算的问题 @HelKyle (#1411)TimePicker
: 修复部分设备滚动边界的跳动异常 (issue #1012) @uyarn (#1475)Dialog
: 修复插件调用时丢失淡入动画的问题 @sechi747 (#1423)Tree
: 父节点disable
时不允许选中但允许展开 @uyarn (#1476) (#1483)TreeSelect
: 修复数字类型的value时控制台报错的异常 @uyarn (#1476)Form
: 修复labelAlign = top
时,FormItem label 为空还会占据空间的问题 @ojhaywood (#1438)Button
: 修复幽灵按钮 loading 状态背景色 @DevinXian (#1432)DatePicker
:
详情见:https://github.com/Tencent/tdesign-vue/releases/tag/0.46.4
Vue3 for Web 发布 0.20.4
🚀 Features
Select
:- 支持基础功能「全选」(issue #1503) @RayJason (#1566)
change
事件回掉函数增加选中option
参数 (issue #1577) @RayJason (#1566)
Table
:Popup
: 增加delay
prop @ikeq (#1568)Loading
: 实现自定义指令v-loading
,支持fullscreen
inheritColor
修饰符 (issue #1486) @zhangpaopao0609 (#1579)ImageViewer
: 增加ImageViewer
组件 (issue 1402) @sinbadmaster (#1516)GlobalConfig
: 主题配置新增圆角面板 支持圆角配置 @mingrutough1 @uyarn (#1606)Button
: 增加tag
和herf
属性 @PengYYYYY (#1597)Form
: 添加whitespace
校验默认错误信息 @k1nz (#1567)
🐞 Bug Fixes
Cascader
:- 修复
value
为number
类型时有告警 (issue #1570) @Lmmmmmm-bb (#1593) - 修复
loadingText
无效 (issue #1555) @PengYYYYY (#1601) - 修复多选状态下点击
label
展开子级表现异常 @PengYYYYY (#1601)
- 修复
DatePicker
:Tabs
: 修复addable
添加按钮定位错误 @HelKyle (#1553)Select
: 修复creatable
模式下的filter
能力 @skytt (#1550)InputNumber
: 修复number
类型校验bug
@Lmmmmmm-bb (#1548)Checkbox
: 修复全选时可以选中已禁用选项的问题 @RayJason (#1554)Tree
:setData
支持keys
别名 (issue #1513) @zhangpaopao0609 (#1559)Popup
: 修复子popup
销毁时父级意外关闭 @ikeq (#1568)Swiper
: 修复动态渲染问题 (issue #1558) @btea (#1580)Table
: 修复表格部分元素无法随 table 变化而变化,如:空数据,tdesign-react#1319 @chaishi (#1591)Button
: 修复button
loading
状态的样式问题 @uyarn (#1610)TimePicker
: 修复部分设备滚动边界的跳动异常 (issue #1012) @uyarn (#1618)Tabs
: 修复addable
添加按钮定位错误 @HelKyle (#1553)LiveDemo
: 修复slider
垂直布局预览问题 (issue 1600) @wbxl2000 (#1603)
🚧 Others
Jumper
: 增加单元测试 @Lmmmmmm-bb (#1569)
详情见:https://github.com/Tencent/tdesign-vue-next/releases/tag/0.20.4
React for Web 发布 0.40.6
🚀 Features
Table
:- 树形结构,新增
getTreeExpandedRow
,用于获取展开的树形节点,issue#1309 @chaishi (#1420) - 可编辑单元格,
edit.rules
新增数据类型function
,用于动态设置校验规则,tdesign-vue-next#1472 @chaishi (#1420) - 文本超出省略由
Popup
更为Tooltip
,方便定义提醒文本主题色,issue#1369 @chaishi (#1420)
- 树形结构,新增
Dropdown
:- 支持下拉菜单项自定义不同主题 @Isabella327 @uyarn (#1434)
- 支持下拉菜单项向左展开 @uyarn @uyarn (#1434)
- 优化下拉菜单的样式 @Isabella327 @uyarn @uyarn (#1434)
Nofitication
: 插件模式支持config @carolin913 (#1417)
🐞 Bug Fixes
InputAdornment
: 修复formItem 包裹 inputAdornment 组件 onChange 冲突问题 @HQ-Lin (#1419)TimePicker
: 修复边界滚动异常问题 @HelKyle (#1426)Cascader
:- 修复
loadingText
无效 (vue-next #1555) @PengYYYYY (#1428) - 修复
value
为number
类型时有告警 (vue-next #1570) @PengYYYYY ([#1428](https://github.com...
- 修复
TDesign Weekly Release (Aug 5th 2022)
组件库
Vue2 for Web 发布 0.46.3
🌈 Features
Grid
: align 可选值新增start/end/center
,修复justify
和align
同为center
属性冲突问题Notification
: 鼠标移入时不会关闭通知Cascader
: CascaderPanel 点击选项时派发 click 事件Table
: 文本超出提示由Popup
更为Tooltip
,以便于定制各种提示文本主题色Input
: 优化clearable
按钮显示逻辑,区分password
输入框Popconfirm
/Table : 组件样式优化Watermark
: 新增Watermark
水印组件
🐞 Bug Fixes
useModel
: 兼容因v-model
初始值为undefined
导致useModel
失效的问题Table
:- 修复
editableCellState
表现与预期相反的问题 - 修复多级表头下不支持调整列宽的问题
- 修复
Select
: 去除组件注册时的 map propsInputNumber
: 修复string/number
类型比较错误及其导致的分页组件样式异常的问题 commonDatePicker
:- 优化不设置 valueType 场景下与 format 表现一致
- 修复左右面板切换错位问题
- 修复
cell-click
事件失效问题 - 修复
panel-click
事件失效问题
Calendar
: 优化组件事件设置示例Upload
: 修复theme
为flow-list
时 remove事件file参数丢失的问题
详情见:https://github.com/Tencent/tdesign-vue/releases/tag/0.46.3
Vue3 for Web 发布 0.20.3
🌈 Features
DatePicker
: 优化不设置 valueType 场景下与 format 一致Table
: 文本超出提示由 Popup 更为 Tooltip,以便于定制各种提示文本主题色Swiper
: 增加dots
和dots-bar
样式Grid
:align可选值新增start/end/center
等
🐞 Bug Fixes
Table
:- 修复了
editableCellState
表现与预期相反的问题 - 允许在表头分割线一定范围内触发列宽调整逻辑
- 修复了
Cascader
:- 修复单选模式下
clearIcon
无法删除 - 修复在输入时
entry
键会默认全选第一个选项的全部内容 - 修复通过
SelectInputProps
透传方法属性导致传入SelectInput
的数据变成的数组
- 修复单选模式下
RangeInput
: 修正RangeInput右侧图标没有居中对齐的问题DatePicker
: 修复了TExtraContent
组件中的selectedValue Props
定义不正确的问题Dialog
: 非模态对话框优化拖拽事件鼠标表现Popup
: 修复overlayInnerStyle
未监听变化,增强container
健壮性InputNumber
: 修复string
与number
比较错误及其导致的分页组件样式异常的问题Popconfirm
: Popconfirm 样式优化Input
: 修正clearable
和password
模式的预览按钮无法同时存在的问题
详情见:https://github.com/Tencent/tdesign-vue-next/releases/tag/0.20.3
React for Web 发布 0.40.5
🌈 Features
Form
: 新增useForm
hook 获取 form 实例 & 支持initialData
全局设置初始值DatePicker
: 优化不设置valueType
场景下与format
一致Dialog
: 非模态对话框优化拖拽事件鼠标表现Transfer
: 支持showCheckAll
api
🐞 Bug Fixes
InputAdornment
: 修复在 form 组件下 disabled 设置问题Slider
: 修复点击 marks 触发 cannot read properties of null 异常Upload
: 支持受控使用时files
可设置为nullPopup
: 修复 popup 显示状态点击页面事件重复触发问题Alert
: 增加关闭动画 && 修复onClosed
回调事件Select
: option 设置 content 未生效问题Table
:- 修复 tree-select 首次渲染出现 key 为 undefined 的问题
- 修复排序按钮的样式问题
- 允许在表头分割线一定范围内触发列宽调整逻辑
详情见:https://github.com/Tencent/tdesign-react/releases/tag/0.40.5
Miniprogram for WeChat 发布 0.19.3
🌈 Features
Toast
: 新增close
事件Toast
: 新增destory
事件
🐞 Bug Fixes
Picker
: 修复Picker
示例显示不全
详情见:https://github.com/Tencent/tdesign-miniprogram/releases/tag/0.19.3
设计资源
Figma for Web 发布 1.2.4
🎉 Support Prototype 支持原型交互演示能力
🌈 Features
Tooltip
:新增跟随鼠标样式,感谢 @alimjanSwiper
:新增轮播图组件示例
🐞 Bug Fixes
Radio
:修复disabled
态背景色问题
详情见:https://www.figma.com/community/file/1053279236128724321/TDesign-for-web
解决方案及周边
TDesign Vue Starter 发布 0.4.1
🌈 Features
- 升级 tdesign-vue 至0.46+ 版本,统一卡片圆角样
🐞 Bug Fixes
- 修复0.4.0改造 sfc 文件导致多标签tab页失效的缺陷
详情见:https://github.com/Tencent/tdesign-vue-starter/releases/tag/0.4.1
TDesign Weekly Release (Aug 4th 2022)
组件库
Vue2 for Web 发布 0.46.2
🌈 Features
Table
:- 支持行拖拽排序和列拖拽排序同时存在
- 可编辑单元格/行功能,新增
editableCellState
用于控制单元格是否可编辑 - 可编辑单元格/行功能,新增
edit.defaultEditable
用于设置初始状态是否为编辑态 - 行展开功能,新增事件参数
currentRowData
,表示当前展开行 - 多级表头的拖拽排序,表头的任意层级调整影响较大,需求面较小,完善拖拽事件参数,业务侧根据参数自由调整自己想要的表头关系
Select
:- 远程搜索场景增加 label 回显能力
- 调整loading态显示优先于empty属性
- Dialog:
- 支持回车键确认弹框,
onConfirm
事件参数e
或为键盘事件 - 支持多个弹框同时存在时,通过
ESC
键盘逐个关闭 confirmBtn
支持数据类型null
- 支持回车键确认弹框,
Collapse/Comment/Cascader
: 组件样式优化Upload
:locale
API 支持upload组件全部文案的配置
🐞 Bug Fixes
Drawer
: 修复拖拽改变抽屉高度时可超出屏幕的问题Table
:- 修复可编辑行,联动数据校验问题
- 允许在表头分割线一定范围内触发列宽调整逻辑
- 修复行选中功能,多选,分页数据异步加载,
onSelectChange
参数selectedRowData
数据不完整问题
Cascader
:- 修复异步获取
options
后的懒加载无效 - 修复
value
不是 options 的健值会报错的问题
- 修复异步获取
Menu
: 修复侧边栏弹出子菜单宽度计算错误的问题Drawer
: 修复拖拽改变抽屉高度时可超出屏幕的问题upload
:- 修复
displayFileList
slot失效的问题 - 修复
theme
为file
时,onRemove回调没有返回file的问题 - 修复
theme
为file
,删除文案不可配置的问题
- 修复
详情见:https://github.com/Tencent/tdesign-vue/releases/tag/0.46.2
Vue3 for Web 发布 0.20.2
🌈 Features
Table
:- 支持行拖拽排序和列拖拽排序同时存在
- 行展开功能,新增事件参数
currentRowData
,表示当前展开行 - 可编辑单元格/行功能,新增
editableCellState
用于控制单元格是否可编辑 - 可编辑单元格/行功能,新增 edit.defaultEditable 用于设置初始状态是否为编辑态
Select
:- 支持开启虚拟滚动处理大量数据的场景
- 调整 loading 态显示优先于 empty 属性
InputNumber
: 支持超过 16 位的大数字ConfigProvider
: 支持自定义全局 iconRate
: 新增rate
组件Dialog
: 增加弹窗回车事件 API
🐞 Bug Fixes
Table
:- 修复吸顶表头,末尾有
1px
未对齐 - 修复窗口变化时,固定列阴影未更新问题
- 修复行选中功能,多选,分页数据异步加载,
onSelectChange
参数selectedRowData
数 据不完整问题,表示当前展开行 - 修复可编辑行,联动数据校验问题
- 修复吸顶表头,末尾有
Tree
:tree
可选时 onActive 失效- 修正
setItem
无法正确 展开,高亮,选中节点
Cascader
:- 修复异步获取 options 后的懒加载无效
- 修复 value 不是 options 的健值会报错
InputNumber
: 修复数字精度问题Transfer
:Transfer
与Tree
结合使用时,当 children 为空数组时,应当展示父节点Drawer
: 修复拖拽改变抽屉高度时可超出屏幕的问题Tabs
: 修复 card 主题下onDragSort
的targetIndex
参数不正确的问题Breadcrumb
: 修复了设置disabled
属性后仍触发点击事件的问题DaterPicker
: 调整默认展示时间为00:00:00
Slider
: 修复Slider
输入框无法输入0
问题
详情见:https://github.com/Tencent/tdesign-vue-next/releases/tag/0.20.2
React for Web 发布 0.40.4
🌈 Features
Table
:BaseTable
新增组件实例方法refreshTable
,用于父组件在特殊场景刷新表格 DOM 信息PrimaryTable
新增BaseTable
的全部组件实例方法- 支持行拖拽排序和列拖拽排序同时存在
- 可编辑单元格/行功能,新增
editableCellState
用于控制单元格是否可编辑 - 可编辑单元格/行功能,新增 edit.
defaultEditable
用于设置初始状态是否为编辑态 - 行展开功能,新增事件参数
currentRowData
,表示当前展开行
Dialog
: 新增confirmOnEnter
APIPopup
: 支持overlayInnerClassName
APITimeline
: 新增Timeline
组件
🐞 Bug Fixes
Table
:- 吸顶表头,最后一列有
1px
未对齐 - 窗口变动时,固定列阴影效果更新
- 修复可编辑行,联动数据校验问题
- 修复行选中功能,多选,分页数据异步加载,
onSelectChange
参数selectedRowData
数据不完整问题
- 吸顶表头,最后一列有
Textarea
:- 修复
maxlength
safari 浏览器兼容性问题 - 修复
maxcharactor
设置后中文拼音无法输入问题 - 修复出现在 dialog 无法
autosize
问题 - 修正 emoji 字符长度计算
- 修复
Cascader
: 修复value
不是 options 的健值会报错Input
: 修正 emoji 字符长度计算
详情见:https://github.com/Tencent/tdesign-react/releases/tag/0.40.4
Miniprogram for WeChat 发布 0.19.2
🌈 Features
Badge
: 新增单元测试Input
: 新增单元测试Textarea
: 新增单元测试Stepper
: 新增单元测试Divider
: 新增单元测试Result
: 新增单元测试Progress
:strokeWidth
支持字符类型Progress
: 更新测试用例Rate
: 新增单元测试ImageViewer
: 更新 demo 示例图片Rate
: 新增单元测试
🐞 Bug Fixes
Badge
: 修复 showZero && offset 无单位情况Popup
: 修复 zIndex 无效问题ImageViewer
: 修复图片宽高都小于屏幕宽高时的拉伸问题
详情见:https://github.com/Tencent/tdesign-miniprogram/releases/tag/0.19.2
Vue3 for Mobile 发布 0.10.4
🌈 Features
Search
: 内嵌input
组件type
调整为search
Drawer
: 新增closeOnOverlayClick
属性Popup
: 新增closeOnOverlayClick
属性
🐞 Bug Fixes
Dialog
: 修复 demo 示例弹窗不显示问题Slider
: 修复滑块滑到最左侧时,左侧文本被遮挡Search
: 修复传入默认值后需要点击才显示的问题Search
: 修复不触发 focus 事件的问题PulldownRefresh
: 修复下拉时偶尔失效的问题List
: 修复list
组件滚动无法触发scroll
的问题
详情见:https://github.com/Tencent/tdesign-mobile-vue/releases/tag/0.10.4
设计资源
Figma for Web 发布 1.2.3
❗ Breaking Changes
- Tree:item 项 padding 修改
- Transfer:item 项 padding 修改,控制器按钮修改为描边按钮
- Slider:bar 把手增加阴影样式
- Tooltips:成功、告警、错误主题样式修改
- Pagination:跳转页面输入框修改为后置标签输入框
- Button:幽灵按钮 disabled 态修改
🎉 All New Figma Template!
- 全局基础组件合并 TDesign for web 变体版本,功能样式状态均支持可配置能力,对齐设计正式版本;
- 对各个模块进行了 Auto Layout 设定,方便用户在 Figma 中快速使用页面模板进行设计 ;
- 对图层命名进行了规范性的梳理,与正式版 TDesign 视觉规范对齐 ;
- 对之前版本进行了整体走查,修改已知问题,优化细节体验;
🌈 Features
- Icon:新增 relativity/pin-filled/logo-wecom/logo-wechat/logo-qq 图标
- Component:新增 Link 链接组件
- Button:新增修改图标 properties instance
🐞 Bug Fixes
- Select:修改 checkbox 引用组件错误问题
- Collapse:修改折叠图标使用错误问题
- Menu:修改折叠菜单栏位置问题
- Dialog:修复 closeBtn 位置问题
Sketch for Web 发布 1.1.0
❗ Breaking Changes
- 更新了Sketch支持版本为89;并走查现有组件,修改已知问题,优化细节体验;
🌈 Features
- 新增【Avatar 头像】组件、【Skeleton 骨架屏】、【Comment 评论】、【Rate 评分】,完善了组件库模块,满足更多使用场景;
- 【Dropdown 下拉菜单】【Menu 导航菜单】【Pagination分页】【Cascader 级联选择器】【DatePicker 日期选择器】【Select 选择器】【TimePicker 时间选择器】【Tag 标签】均对齐 TDesign 桌面端正式版视觉规范,并从基础样式库、组件库的底层控件进行了梳理、补充和调试。方便用户调用和切换组件的不同状态和模式,使组件库更加的完整和易用。
Axure for Web 发布 1.1.0
🌈 Features
- 新增【表单_中继器】组件,支持使用中继器功能快速搭建表单,支持输入框、选择器、单选框、多选框、开关、多行文本框、选择日期、上传文件等表单元素;
- 新增【步骤条_中继器】组件,设计了横向、纵向两种步骤条样式,支持使用中继器功能快速搭建步骤条;
- 新增【动态组件库】组件,涵盖了单选框、复选框、开关、选择器、下拉菜单、Tab选项卡、Table、轮播图、折叠面板,方便用户快速输出可交互动态原型图;
🐞 Bug Fixes
- 补齐缺失组件,升级组件样式,与最新版 TDesign 设计规范对齐
- 全面走查现有静态组件,修改已知问题,优化细节体验
解决方案及周边
TDesign Starter CLI 发布 0.3.0
🌈 Features
- 新增
Lite
版本模板下载,只包含基本的 TDesign 引入及使用
详情见:https://github.com/Tencent/tdesign-starter-cli/releases/tag/0.3.0
TDesign Weekly Release (Aug 3rd 2022)
组件库
Vue2 for Web 发布 0.46.0
❗ Breaking Changes
Popup
: overlayStyle 调整为控制t-popup
层级,新增overlayInnerStyle
控制t-popup__content
层级与原先overlayStyle
效果一致,存在不兼容更新Input/InputNumber
: 错误文本提示,不再占普通用文档流;内置的input
组件ref
名称由refInputElem
更为inputRef
,存在不兼容更新
🌈 Features
Table
:footerSummary
支持通过Props
属性传入- 可编辑行功能,校验函数
validateRowData
和validateTableData
返回值支持 Promise 对象
Datepicker
:- 区间选择器结束时间调整为默认展示当天最后一秒
- 支持季度国际化配置
ConfigProvider
: 支持通过ConfigProvider
修改全部组件的classPrefix
Selectinput
:disabled
状态下自动禁止clearable
功能InputNumber
:- 支持超过 16 位的大数
- 支持
decimal
和format
组合使用,即format
新增第二个参数小数点格式化之后的值,方便大数场景应用 - 新增事件
onValidate
,当数值超过最大值或小于最小值时触发,可用于显示错误提示文本 - 错误提示文本区域支持左侧对齐和输入框对齐两种方式
- 修复在输入数值不满足条件时,没有触发 onChange 事件问题;修复计算过程中的精度问题
Link
: 新增Link
链接组件Icon
: 新增 qq、wechat、wecom、relativity 和 pin-filled 等图标
🐞 Bug Fixes
Table
:- 可编辑单元格,多选和日期选择,点击下拉浮层中的内容会导致退出编辑
- 宽度计算函数添加注释
Popup
: 修复嵌套使用点击trigger
元素时异常关闭Datepicker
: 修复时间面板展示错误umd
: 修复 umd 版本的使用问题,具体使用方式请参考浏览器引入相关文档说明Tree
: 修复expandOnClickNode
点击展开与checkbox
点击选中的冲突问题ColorPicker
: 修复切换模式卡死问题; 修复panel
下模式change
事件无法触发的问题DatePicker
:- 修复输入框有值时面板切换失效问题
- 修复 suffixIcon slot 写法失效问题
详情见:https://github.com/Tencent/tdesign-vue/releases/tag/0.46.0
Vue3 for Web 发布 0.20.1
❗ Breaking Changes
Popup
: overlayStyle 调整为控制 t-popup 层级,新增 overlayInnerStyle 控制 t-popup__content 层级与原先 overlayStyle 效果一致 ,存在不兼容更新
🌈 Features
Popup
: 新增overlayInnerClassName
支持设置浮层内容样式名Icon
: 新增qq、wechat、wecom、relativity和pin-filled等图标Table
: 可编辑行功能,校验函数validateRowData
和validateTableData
返回值支持 Promise 对象Table
: 增加footerSummary
到 propsDatePicker
: 支持季度国际化配置Link
: 新增Link
组件
🐞 Bug Fixes
Menu
: 修复下拉样式问题DatePicker
: 修复有值时面板切换失效问题Table
: 可编辑单元格,多选和日期选择,点击下拉浮层中的内容会导致退出编辑DatePicker
: 修复下拉样式问题Menu
: 修复在 nuxt3 里面鼠标悬浮或者点击子菜单不出现 元素代码里面出现一瞬间就消失了Menu
:t-menu-item
大于 8 个将会溢出Tabs
: 修复 Tabs 选项卡在 nuxt3 ssr 应用中报错 window is not definedTable
: 列宽度和小于表宽的情况下,调整列宽的结果与预期不符SelectInput
: 修复属性props.readonly = true
或props.allowInput = false
时,仍会调用 onBlur 的问题SelectInput
: 修复当readonly
或disabled
属性为true
、表单禁用时, clearable 按钮可以点击的问题SelectInput
: 修复同时开启readonly
和allowInput
属性时,可以输入的问题SelectInput
: 修复在Form
组件中使用禁用态表单不生效的问题Select
: 修复属性props.readonly = true
或props.filterable = false
时,仍会调用 onBlur 的问题Select
: 修复当readonly
或disabled
属性为 true 、表单禁用时, clearable 按钮可以点击的问题Select
: 修复同时开启readonly
和filterable
属性时,可以输入的问题Input
: 修复在表单禁用时, clearable 按钮可以点击的问题Cascader
: 修复在表单禁用时, clearable 按钮可以点击的问题Table
: 宽度计算函数添加注释Popup
: 修复嵌套使用点击 trigger 元素时异常关闭Transfer
: 穿梭框 checked 和 value 的值不在 data 时会报错Upload
: size-limit 使用 MB 以上单位时校验错误Dialog
: 对话框 footer 不显示情况下,body padding
与dialog padding
冲突Tree
: 组件实例方法setItem
参数错误SelectInput
: 外部传入 style 无法透传到 InputInputNumber
: 修复无法触发 onEnter 方法Table
: 列宽度和小于表宽的情况下,调整列宽的结果与预期不符Nuxt3
: 修复因 nuxt3 将 global 作为关键词,编译为 globalThis 导致的组件运行错误
详情见:https://github.com/Tencent/tdesign-vue-next/releases/tag/0.20.1
React for Web 发布 0.40.0
❗ Breaking Changes
Popup
: 重构了该组件,修复了较多问题,存在不兼容更新- 不再生成 div 节点包裹 trigger 元素,className、style 属性废弃,可自行包裹 div 节点调整 className、style 属性。
- overlayStyle 调整为控制 t-popup 层级,新增 overlayInnerStyle 控制 t-popup__content 层级与原先 overlayStyle 效果一致。
- overlayClassName 调整为控制 t-popup 层级。
🌈 Features
Image
: 新增 Image 组件Link
: 新增 Link 组件Table
:- 支持使用插槽
footer-summary
定义通栏表尾,同时支持同名属性Props footer-summary
渲染通栏表尾 - 由于表格支持定义多行表尾,因而本次支持使用
rowspanAndColspanInFooter
定义表尾行数据合并单元格,使用方法同 rowspanAndColspan - 支持
min-width
透传到元素<col>
- 新增
cellEmptyContent
,当列数据为空时显示指定值 - 可编辑行功能,新增实例方法 validate,支持校验表格内的全部数据
- 支持使用插槽
DatePicker
:- 支持季度国际化配置
- 支持滚动年份选择器自动加载更多年份
InputNumber
: 重构组件,支持16 位大数字Icon
: 新增 qq、wechat、wecom、relativity 和 pin-filled 等图标Message
: 支持 config apiForm
: FormItem 支持 status、tips 自定义控制校验状态及提示信息
🐞 Bug Fixes
Table
:- 行选中会触发重置列宽调整的结果
- 可编辑行功能,提交校验时只校验了第一列
- 列配置功能,带边框模式,移除分页组件边框下方多余的边框
- 列宽度和小于表宽的情况下,调整列宽的结果与预期不符
Cascader
: 修复点击清除按钮无法一次性清空所有选项Select
: 修复autoWidth
在multiple模式下失效的问题Tabs
: 修复动态渲染 panel 下划线丢失问题Popup
: 修复函数组件未透传 ref 导致气泡失效问题
详情见:https://github.com/Tencent/tdesign-react/releases/tag/0.40.0
Miniprogram for WeChat 发布 0.19.1
🌈 Features
Upload
: 新增 click 事件
🐞 Bug Fixes
Tag
: 修复 click 事件不生效Tag
: 修复行内元素基线对齐不正确Grid
: 修复垂直布局时间,align 无效Tag
: 修复disabled
为true
时,closable 无效的问题Tag
: 修复maxWidth
输入为字符时,宽度计算错误问题Upload
: 修复自定义上传没有关联成功/失败状态Swiper
: 修复动态修改swiper-item
时,视图响应不正确问题Tabs
: 修复垂直布局时,内容区域不正确
详情见:https://github.com/Tencent/tdesign-miniprogram/releases/tag/0.19.1
Vue3 for Mobile 发布 0.10.2
🌈 Features
ImageViewer
: 新增maxZoom
、closeBtn
、onClose
属性ImageViewer
: 新增close
事件Swiper
: 新增paginationPosition
属性
🐞 Bug Fixes
Textarea
: 修复onchange
事件会执行两次的问题Image
: 修复src
变更没有重新渲染的问题
详情见:https://github.com/Tencent/tdesign-mobile-vue/releases/tag/0.10.2
解决方案及周边
TDesign Vue Starter 发布 0.4.0
❗ Breaking Changes
- 统一组件使用SFC(*.vue)编写,存在不兼容更新
- 统一组件以PascalCase规范命名,存在不兼容更新
🌈 Features
- 升级组件库版本至0.45+ 组件圆角有所改动,支持字体配置
详情见:https://github.com/Tencent/tdesign-vue-starter/releases/tag/0.4.0