Releases: Tencent/tdesign
TDesign Weekly Release (Aug 1st 2022)
组件库
Vue2 for Web 发布 0.45.1
❗ Breaking Changes
- 调整全局
border-radius
样式 token,@border-radius
改名为@border-radius-default
,支持更多圆角token
。 使用 esm 包修改 less token 的业务需要注意,组件库中各组件实现圆角也做了统一调整,详情参见 #158 ,存在不兼容更新。
🌈 Features
SelectInput
: SelectInput 及相关的 Select/Cascader/TreeSelect 组件交互调整,再次点击输入框时也可以收起下拉框Table
:- 支持使用插槽
footer-summary
定义通栏表尾,同时支持同名属性 Propsfooter-summary
渲染通栏表尾 - 支持使用
rowspanAndColspanInFooter
定义表尾行数据合并单元格,使用方法同rowspanAndColspan
- 支持
min-width
透传到元素<col>
- 支持使用插槽
🐞 Bug Fixes
Select
: 修复 empty slot 用法不生效的问题Table
:- 树形结构,修复无法更新或重置数据问题 resetData
- 树形结构,修复懒加载节点重置时(即调用 setData)没有清空子节点信息问题
- 树形结构,展开全部功能,不应该展开懒加载节点
- 修复吸顶的多级表头左侧边线缺失问题
- 修复多级表头时,表尾显示不同步的问题
- 列拖动后,选择行导致拖动后的距离被重置
Datepicker
: 修复单独配置 clearable 失效问题TreeSelect
: 修复输入项过长时,操作区域图标被遮挡的问题Cascader
: 修复在异步获取 option 的情况下,参数校验导致用户行为异常的问题
详情见:https://github.com/Tencent/tdesign-vue/releases/tag/0.45.1
Vue3 for Web 发布 0.19.0
❗ Breaking Changes
- 调整全局 border-radius 样式 token,@border-radius 改名为 @border-radius-default,支持更多圆角 token。 使用 esm 包修改 less token 的业务需要注意,组件库中各组件实现圆角也做了统一调整,详情参见 #158 ,存在不兼容更新
🌈 Features
SelectInput
:SelectInput
及相关的Select/Cascader/TreeSelect
组件交互调整,再次点击输入框时也可以收起下拉框。Upload
: 增加setPercent
实例方法用于满足自定义上传方法时设置上传进度
🐞Bug修复
dialog
: 删除冗余的样式Table
:树形结构,展开全部功能,默认不应该展开懒加载节点Table
: 多级表头,表尾列显示异常Table
: 吸顶线的多级表头,左侧边线缺失问题Cascader
: 修复在异步获取option
的情况下,参数校验导致用户行为异常Popup
: 修复content
为纯英文时无法自动换行Tree
: 修复setData
组件存在children
后的导致组件崩溃Tabs
: 修复tabpanel
组件的label
不能根据函数进行自定义展示Upload
: 修复draggable
和multiple
组合使用时组件无输出ClassPrefix
:替换遗漏的classprefix
Tabs
: 修复组合场景下的示例
详情见:https://github.com/Tencent/tdesign-vue-next/releases/tag/0.19.0
React for Web 发布 0.38.0
❗ Breaking Changes
- 调整全局
border-radius
token,@border-radius
改名为@border-radius-default
,支持更多圆角 token。 使用 esm 包修改 less token 的业务需要注意,存在不兼容更新。
🌈 Features
- 支持全局替换 tdesign 内置 Icon
DatePicker
: 支持季度选择器Rate
: 新增rate
组件Select
: 展开面板后二次点击输入框调整为关闭面板Grid
: col 组件支持跨层级响应 gutter 配置
🐞 Bug Fixes
Cascader
: 修复在异步获取 option 的情况下,参数校验导致用户行为异常Select
: 修复回删空字符串不触发 onSearch 的缺陷Select
: 修复过滤时输入值为空未显示全部选项的问题Dropdown
: 修复 className 继承问题Tree
: 修复更改 data 数据后展开状态丢失问题
详情见:https://github.com/Tencent/tdesign-react/releases/tag/0.38.0
Miniprogram for WeChat 发布 0.18.0
❗ Breaking Changes
Tabbar
: CSS Variables 命名规则由 --t 改成 --td 开头,存在不兼容更新。Avatar
: 头像组的样式内置进组件内,存在不兼容更新。
🌈 Features
Avatar
: 新增 CSS Variable 调整 Avatar 背景、内容(文本或图标)Swiper
: 新增paginationPosition
属性,用于调整页码信息的位置Swiper
: 新增 CSS Variable 调整 Swiper 导航器背景、内容颜色Button
: 新增loadingProps
属性透传至Loading
组件Tabs
: 新增 CSS Variables 调整字体、滑块颜色等,具体查看文档Toast
: 支持 duration 传入0
的时候,toast 不消失
🐞 Bug Fixes
Tabbar
: 修复因 CSS Variables 没有写 fallback 导致样式丢失的问题Avatar
: 修复组件类名错误upload
: 修复组件中图片被挤压问题Button
: 修复 loading 无效的问题DropdownMenu
: 修复树形选择时,点击单选仍自动关闭的问题DropdownMenu
: 修复 closeOnClickOverlay 不生效的问题Cell
: 优化 slot 的渲染逻辑
详情见:https://github.com/Tencent/tdesign-miniprogram/releases/tag/0.18.0
Vue3 for Mobile 发布 0.10.1
🐞 Bug Fixes
search
: 修复失去焦点后输入内容被隐藏和清除按钮无法使用的问题Tabs
: 修复传入相同的值时仍触发 onChange 的问题Popup
: 修复使用overlay
组件没传入 visible 导致告警的问题Dialog
: 修复 slot 渲染逻辑
详情见:https://github.com/Tencent/tdesign-mobile-vue/releases/tag/0.10.1
TDesign Weekly Release (July 4th 2022)
组件库
Vue2 for Web 发布 0.44.1
🌈 Features
- 支持通过 CSS Token 配置组件圆角
🐞 Bug Fixes
DatePicker
:- 修复重置日期后面板月份未重置问题
- 修复时间选择器滚动错误
Dialog
:- 修复
preventScrollThrough
未实现的问题 - 修复出现对于滚动条的问题
- 修复
详情见:https://github.com/Tencent/tdesign-vue/releases/tag/0.44.1
Vue3 for Web 发布 0.18.1
🌈 Features
Table
: 树形结构,支持resetData
重置整个树形结构数据TagInput
: 支持标签拖拽Slider
:Slider
新增showStep
属性控制步长刻度值显示Upload
: 支持单组件的文案配置
🐞 Bug Fixes
Form
: 修复help
插槽不生效的问题Dialog
: 修复preventScrollThrough
为false
情况下,body
间去了滚动条宽度Table
: 树形结构,懒加载节点重置时(即调用setData
)没有清空子节点信息问题Card
: 修复loading
状态无效Space
: 组件中若存在v-if
,则不渲染的组件间距依然存在InputNumber
: 修复初始化为undefined
情况下操作按钮disabled
的校验问题Radio
: 修复点击选择父盒子点击事件触发两次DatePicker
: 修复重置日期后面板月份未重置问题DatePicker
: 修复range 选择器开始时间被禁用问题
详情见:https://github.com/Tencent/tdesign-vue-next/releases/tag/0.18.1
React for Web 发布 0.37.1
🌈 Features
Upload
: 支持单组件的文案配置DatePicker
: 支持周选择器Chekbox
: 优化label
为空字符串不渲染节点- 支持通过 CSS Token 配置组件圆角
🐞 Bug Fixes
Form
: 修复form
数字字符串长度校验错误问题List
: 修复ListItem
透传 style 问题DatePicker
: 修复重置日期后面板月份未重置问题ColorPicker
: 修复添加颜色受控/非受控不能点击的问题
详情见:https://github.com/Tencent/tdesign-react/releases/tag/0.37.1
Miniprogram for WeChat 发布 0.17.0
❗ Breaking Changes
Tabbar
: 移除 color 属性,使用 CSS Variable 替代,存在不兼容更新Rate
: 移除 color 属性,使用 CSS Variable 替代 ,存在不兼容更新Rate
:external-classes
属性中的t-class-desc
更名为t-class-text
,存在不兼容更新Search
: 将external-classes
属性中的t-class-cancel
更名为t-class-action
,存在不兼容更新
🌈 Features
Tabs
: 超过屏幕时,自动将激活的选项滚动到中间Tabs
: 新增swipeable
属性,用于控制是否滑动切换PullDownRefresh
: 新增scrolltolower
事件Button
:variant
属性新增dashed
Tabbar
: 新增 CSS Variable 调整标签栏字体和图标颜色,具体查看文档Grid
:external-classes
属性增加t-class-content
Grid
: 新增 CSS Variable 调整宫格背景、文本等颜色,具体查看文档Search
: 新增 CSS Variable 调整Search
字体、背景、图标等颜色,具体查看文档Rate
: 新增 CSS Variable 调整 Rate 辅助文本、选中、未选中及禁用态图标颜色,具体查看文档Input
: 移除external-classes
属性中的t-class-placeholder
Input
: external-classes 属性新增t-class-icon
,t-class-label
,t-class-clearable
,t-class-suffix
,t-class-suffix-icon
Input
: 新增 CSS Variable 调整 Input 字体、背景、图标等颜色,具体查看文档Divider
: 新增 CSS Variable 调整分割线、文本颜色,具体查看文档Indexes
: 新增 CSS Variable 调整 标题、背景、文本等颜色,具体查看文档Drawer
: 新增 CSS Variable 调整抽屉背景、列表项标题、列表项图标、列表项下边框颜色,具体查看文档
🐞 Bug Fixes
Tabs
: 修复值等于0
时不能正常切换的问题Textarea
: 修复超出maxcharacter
后,仍能继续输入的问题Picker
: 修复因重复定义options
导致告警的问题Image
: 补充缺失的 shape = square 样式Button
: 修复variant=outline
无效
详情见:https://github.com/Tencent/tdesign-miniprogram/releases/tag/0.17.0
Vue3 for Mobile 发布 0.10.0
🌈 Features
Skeleton
: 属性theme
移除avatar-text
;新增avatar
、image
、paragraph
Result
: 新增结果组件
🐞 Bug Fixes
Button
: 修复loading
值改变时,控制台报错Skeleton
: 属性rowCol
移除默认值[1, 1, 1, { width: '70%' }]
Toast
: 修复指令调用时不现实图标的问题
详情见:https://github.com/Tencent/tdesign-mobile-vue/releases/tag/0.10.0
React for Mobile 发布 0.2.0
🌈 Features
Drawer
: 新增抽屉组件
详情见:https://tdesign.tencent.com/mobile-react/getting-started
TDesign Weekly Release (July 3rd 2022)
组件库
Vue2 for Web 发布 0.44.0
❗ Breaking Changes
DatePicker
: 部分样式类命名调整,更符合 BEM 规范,存在不兼容更新,如有覆盖日期选择器样式的小伙伴请注意调整,其他同学可以忽略
🌈 Features
Jumper
: 新增jumper
组件Icon
: 新增mirror
和rotation
图标DatePicker
: 支持面板年月动态响应 value 变化Table
:- 树形结构支持同时添加多个根节点
- 新增可编辑行的表格;新增 showEditIcon,用于控制是否显示编辑图标
🐞 Bug Fixes
SelectInput
: 修复透传 disabled 失效问题Icon
: 修复 iconfont 高级用法由于t-icon
的 干扰导致渲染异常的情况Select
:- 修复
panelTopContent
、panelBottomContent
透传失效的问题 - 修复监听事件未正常移除的问题
- 修复 keys 透传失效导致 multiple 场景下 keys 无效的问题
- 修复
Table
:- 修复多级表头表格中,列配置全选功能选不全的问题
- 修复可选中行
table
组件,data
为空数据时,默认全选按钮会选中的问题 - 兼容IE滚动条高度计算覆盖不全问题
- 修复树形结构懒加载顺序问题
- 可编辑单元格,修复
onEnter
无法触发onEdited
问题;修复校验不通过时,无法退出编辑态的问题 - 修复表格列宽拖拽到最大或最小时,有可能无法二次拖拽的问题
详情见:https://github.com/Tencent/tdesign-vue/releases/tag/0.44.0
Vue3 for Web 发布 0.18.0
❗ Breaking Changes
Table
: 可编辑表格行,行校验函数由validateRowDate
更名为validateRowData
,存在不兼容更新
🌈 Features
Table
: 树形结构,支持同时添加多个根节点Table
: 可选中行,扩大选择组件的点击范围Table
: 拖拽调整宽度,非边框模式,悬浮到表头时,显示表头边框
🐞 Bug Fixes
Table
: 修复可编辑单元格,校验失败的信息无法清除问题Table
: 树形结构,修复树形结构懒加载顺序问题Swiper
: 动态修改swiper item
会出现vue
警告Tree
: 修复节点过滤后被一直锁住的问题DatePicker
: 调整bem
命名
详情见:https://github.com/Tencent/tdesign-vue-next/releases/tag/0.18.0
Vue3 for Web 发布 0.17.5
🌈 Features
Icon
: 新增mirror
和rotation
图标DatePicker
: 支持面板年月动态响应 value 变化
🐞 Bug Fixes
Input
: 修复Input
组件切换type
后不生效的问题Icon
: 修复iconfont
高级用法由于t-icon
的干扰导致渲染异常的情况Table
: 列宽拖拽,拖动到边界处后无法再次拖动Table
: 多级表头场景下的多选,无法全选Table
: 修复可选中行table
组件,data
为空数据时,默认全选按钮会选中的问题InputNumber
: 修复初始化时对null
及字符串校验异常Dialog
: 多个dialog
同时存在时使用esc
关闭异常Input
: 修复autowidth
表现异常Input
: 修复Input
组件切换type
后不生效的问题
详情见:https://github.com/Tencent/tdesign-vue-next/releases/tag/0.17.5
React for Web 发布 0.37.0
❗ Breaking Changes
DatePicker
: 调整组件dom 节点 class 命名,存在不兼容更新
🌈 Features
Icon
: 新增mirror
和rotation
图标DatePicker
: 支持面板年月动态响应 value 变化Form
: 支持同步获取最新数据table
: 树形结构,支持同时添加多个根节点table
: 可编辑单元格/可编辑行,新增showEditIcon
,用于控制是否显示编辑图标table
: 新增可编辑行的表格table
: 可调整列宽,无边框表格,悬浮到表头时显示边框,方便用户寻找调整列宽的位置Button
: 支持 href、tag、suffix API
🐞 Bug Fixes
Icon
: 修复iconfont高级用法由于t-icon的干扰导致渲染异常的情况table
: 修复可选中行table组件,data为空数据时,默认全选按钮会选中的问题table
: 列宽拖拽调整到边界时无法重新调整table
: 多级表头场景下的列配置,无法全选Pagination
: 修复左右切换禁用失效问题table
: 修复树形结构,懒加载顺序问题TagInput
: 修复hover时组件换行的样式异常drawer
: 修复开启 destroyOnClose 时多次打开关闭时动效丢失问题table
: 可编辑单元格,修复无法透传 ReactNode 属性到组件table
: 可编辑单元格,修复onEnter
无法触发onEdited
问题table
: 可编辑单元格,一旦校验不通过,后续编辑无法退出编辑态问题card
: 修复 header 渲染失效问题Select
: 修复手动控制 popupVisble 展示空白内容ColorPicker
: 修复切换渐变节点 hue 饱和度未更新的问题Form
: 修复 React 18 useEffect 触发两次导致表单自动校验问题Form
: 修复 rule min max 不支持数组校验
详情见:https://github.com/Tencent/tdesign-react/releases/tag/0.37.0
Miniprogram for WeChat 发布 0.16.0
❗ Breaking Changes
Drawer
: 调整placement
属性,只支持left
和right
,存在不兼容更新Button
:tap
事件返回值更新为event
对象,存在不兼容更新Skeleton
: 属性theme
移除avatar-text
;新增avatar
、image
、paragraph
,存在不兼容更新Skeleton
: 外部样式类移除t-class-avatar
、t-class-image
、t-class-text
;新增t-class-col
,存在不兼容更新Skeleton
: 属性rowCol
移除默认值[1, 1, 1, { width: 70% }]
,存在不兼容更新
🌈 Features
Picker
: 增加autoClose
属性,点击确认、取消、遮罩层时自动关闭Result
: 新增组件
🐞 Bug Fixes
Picker
: 修复pick
事件返回的label
不正确的问题Picker
:confirm-btn
和cancel-btn
增加boolean
类型,值为true
时使用默认文案DropdownMenu
: 移除冗余的z-index
Loading
: 修复text
为空时仍渲染非空节点的问题
🚧 Others
Switch
: 更新示例代码NoticeBar
: 更新示例代码Picker
: 更新示例代码Tag
: 更新示例代码Steps
: 更新示例代码Skeleton
: 更新示例代码
详情见:https://github.com/Tencent/tdesign-miniprogram/releases/tag/0.16.0
Vue3 for Mobile 发布 0.9.2
🐞 Bug Fixes
DropdownMenu
: 修复树形状态下溢出时无法滚动的问题Sticky
: 修复 fixed 状态下丢失宽度的问题Skeleton
: 修复 props 变化不重新渲染的问题
详情见:https://github.com/Tencent/tdesign-mobile-vue/releases/tag/0.9.2
React for Mobile 发布 0.1.2
🐞 Bug Fixes
- Sticky: 修复 fixed 状态下丢失宽度的问题
🚧 Others
- chore: 优化更新日志文档样式
详情见:https://tdesign.tencent.com/mobile-react/getting-started
设计资源
Figma for Web 发布 1.2.2
❗ Breaking Changes
Table
:修改列模式表格的列数和行数,删除不带分页器的变体内容,存在不兼容更新
🌈 Features
icon
:新增mirror/rotation
图标font
:新增18
号title-large
字阶,修改为20
号为title-extraLarge
字阶Tree
:新增树结构无子集变体Table
:新增列模式的tag和文字搭配的变体
🐞 Bug Fixes
Tag
:修复CheckTag Disabled
态颜色错乱问题Transform
:修复搜索框图标问题,修复右侧窗口的布局问题Table
:修复示例展示问题
详情见: https://www.figma.com/community/file/1053279236128724321/TDesign-for-web
解决方案及周边
TDesign Vue Next Starter 发布 0.3.6
🌈 Features
- 升级 tdesign-vue-next 至 0.18.0 版本
- 增加 apis 目录 管理项目中使用到的 api
router
调整为自动导入
🐞 Bug Fixes
- 部分选择器未随自定义样式前缀更改
详情见: https://github.com/Tencent/tdesign-vue-next-starter/releases/tag/0.3.6
TDesign Weekly Release (July 2nd 2022)
组件库
Vue2 for Web 发布 0.43.3
🌈 Features
Cascader
:- 基于
select-input
重构, 文本过长省略使用原生 title 展示全文本,不再使用tooltip
组件 - 增加
popupVisible
,readonly
,selectInputProps
,onPopupVisibleChange
属性
- 基于
CheckBox
: 增加 title 属性透传DatePicker
:- 新增
panelPreselection
api - 优化面板月份展示
- 新增
Drawer
: 优化抽屉拖拽体验
🐞 Bug Fixes
Space
: 过滤无效的节点Cascader
:- 修复多选时,文本过长未处理的问题
- 修复选中内容过多时,再点击选择器后的闪动问题
SelectInput
: 修复 overlayStyle 响应式无法更新的问题TagInput
: 修复inputProps
属性透传无效Transfer
: 修复穿梭框进行穿梭时报错的问题Table
: 树形结构支持懒加载Dialog
: 修复打开对话框时出现滚动条的问题DatePicker
: 修复日期格式化问题TimePicker
:- 优化允许输入滚动的使用体验
TimeRangePicker
修复允许输入的缺陷
Select
:- 修复远程搜索动态生成选项失败的缺陷
- 虚拟滚动支持远程搜索场景
Dialog
: 修复阻止冒泡导致 popup 无法正常关闭Drawer
: 修复头部渲染异常问题Input
: 修复 Input 组件 切换 type 后不生效的问题- 全局配置: 修复 useConfig computed 属性计算导致列表渲染卡顿问题
详情见:https://github.com/Tencent/tdesign-vue/releases/tag/0.43.3
Vue3 for Web 发布 0.17.4
🌈 Features
DatePicker
: 新增panelPreselection
apiDrawer
: 新增sizeDraggble
属性 支持通过拖拽改变抽屉宽度/高度CascaderPanel
: 增加cascader-panel
组件Cascader
: 增加inputProps
,tagInputProps
,tagProps
属性Table
: 支持行编辑功能Upload
: 增加allowUploadDuplicateFile
支持配置相同文件名上传行为TimePicker
: 支持毫秒使用场景Tree
: tree 支持拖拽
🐞 Bug Fixes
Space
: 通过FOR循环的内容 没有实现间隔效果DatePicker
: 修复日期格式化问题TimePicker
: 优化可输入模式的使用体验 避免高频输入场景与滚动事件重复更新value
的异常Tree
: 取消修改value
类型, 将传入TCheckBox
组件的name
转为string
类型Cascader
: 修复筛选无法输入问题DatePicker
: 优化面板月份展示Transfer
: 全选应该只选择搜索后的结果Dialog
: 修复 dialog 阻止冒泡导致popup
无法正常关闭Dialog
: 修复打开对话框,出现滚动条Slider
: 修复label
属性不生效 bugSlider
: 修复tooltipProps
为布尔值时丢失响应性问题Select
: 多选下 hover 出现换行的异常Dialog
: 内部样式未使用prefix导致替换前缀方式的样式丢失Input
:autoWidth
在部分场景下失效导致组件样式异常Drawer
: 修复开启destroyOnClose
之后,没了动画效果TreeSelect
: 修复异步加载回显展示问题Textarea
: 修复无法传入attrs
中的style
详情见:https://github.com/Tencent/tdesign-vue-next/releases/tag/0.17.4
React for Web 发布 0.36.4
🌈 Features
Table
: 树形结构,支持懒加载CascaderPanel
: 增加cascader-panel
组件Cascader
: 增加inputProps
,tagInputProps
,tagProps
属性Dialog
: 修复打开对话框,出现滚动条Form
: 支持 formList 初始化渲染initialData 数据Drawer
: 新增sizeDraggable
支持通过拖拽改变抽屉宽度/高度TimePicker
: 支持毫秒场景使用
🐞 Bug Fixes
Table
: 可编辑功能,值为null
时会导致页面报错,如清除 Select 数据Dialog
: 修复 dialog 阻止冒泡导致 popup 无法正常关闭Input
: 修复在 dialog 内中文输入导致光标定位错误问题Button
: 修复渲染空字符串样式问题Form
: 修复 getFieldsValue 类型定义
详情见:https://github.com/Tencent/tdesign-react/releases/tag/0.36.4
Miniprogram for WeChat 发布 0.15.0
❗ Breaking Changes
DropdownMenu
: 属性overlay
更名为showOverlay
,存在不兼容更新Popup
: 移除transitionProps
属性,存在不兼容更新
🐞 Bug Fixes
Tabs
: 修复选项卡不存在时滑动报错问题DropdownMenu
: 修复关闭时无动画的问题
🌈 Features
Fab
: 支持文本自适应Tag
:- 视觉更新
- 支持图标
DropdownMenu
: 新增toggle
示例方法,用于切换下拉菜单DropdownMenu
: 新增keys
属性以支持自定义label
和value
的字段名Popup
- 新增
duration
属性,控制动画过渡时间 - 新增
customStyle
透传样式至根节点 - 新增
overlayProps
属性,透传至overlay
组件
- 新增
详情见:https://github.com/Tencent/tdesign-miniprogram/releases/tag/0.15.0
Vue3 for Mobile 发布 0.9.1
🌈 Features
Toast
: 新增 overlayProps 属性透传至 overlay 组件,新增 showOverlay 属性控制遮罩层显示Button
: 支持 4 种类型Overlay
: 新增组件DropdownMenu
: 新增 toggle 方法用于切换菜单Tag
: 升级样式以及支持左图标
🐞 Bug Fixes
Message
: 优化用法,支持v-model
DateTimePicker
: 修复DateTimePicker组件value为空时无法正常展示的问题Search
: 修复 blur 事件参数返回错误的问题DropdownMenu
: 修复 dropdownmenu-item 的 label 不支持动态更新等问题DropdownMenu
: 修复 radio、checkbox 样式问题
详情见:https://github.com/Tencent/tdesign-mobile-vue/releases/tag/0.9.1
React for Mobile 发布 0.1.1
🌈 Features
Tag
: 视觉升级以及新增支持左图标Progress
: 新增Progress
组件Fab
新增Fab
组件
🐞 Bug Fixes
Search
: 修复无法使用的问题Button
: 补充支持style
属性
详情见:https://tdesign.tencent.com/mobile-react/getting-started
解决方案及周边
TDesign Vue Starter 发布 0.3.1
🐞 Bug Fixes
- 处理 vue2.7发布引起的不兼容问题。处理方式,保证 vue 版本在 2.7 以下,vue-template-compiler 版本与 vue 一致,升级 vite-plugin-vue2-svg 版本到 0.3.0
详情见:https://github.com/Tencent/tdesign-vue-starter/releases/tag/0.3.1
TDesign Weekly Release (July 1st 2022)
组件库
Vue2 for Web 发布 0.43.2
🌈 Features
Form
:- 添加内置校验方法 whitespace
- 新增校验触发方式
trigger: 'blur'
- 现在FormItem.label
为string
类型时,Form.errorMessage
模板中的${name}
会被替换为FormItem.label
属性;当label
属性为slot/function
时,${name}
会被替换为FormItem.name
属性
- Table:
- 可编辑单元格,支持编辑组件联动
- 树形结构行选中支持半选状态
- 树形结构,缩进
indent
支持0
🐞 Bug Fixes
Dialog/Drawer
: 修复closeOnOverlayClick
closeOnEscKeydown
默认值导致的无法设置的问题Drawer
: 修复header
默认值为undefined
的问题Dialog
: 修复 dialog 滚动失效问题Form
: 修复number
规则校验不生效的问题Table
:- 动态数据合并单元格,删除行数据时,未更新合并单元格状态
- 修复自定义筛选组件不显示问题
ColorPicker
: 修复颜色选择器样式异常ConfigProvider
: 修复 config-provider 同时存在 provide 和 setup#provide 导致卡顿的性能问题DatePicker
: 修复suffixIcon、clear事件问题
详情见:https://github.com/Tencent/tdesign-vue/releases/tag/0.43.2
Vue3 for Web 发布 0.17.3
🌈 Features
Form
: 添加内置校验方法 whitespacetable
: 可编辑单元格,支持编辑组件联动Table
: 树形结构支持半选状态Jumper
: 新增jumper
组件
🐞 Bug Fixes
Table
: 表头吸顶显示问题Table
:paginationAffixedBottom
支持配置 Affix 组件全部特性DatePicker
: 修复Jumper
组件类名错误Upload
: 在每次上传前将错误提示数据重置RadioGroup
: 修复RadioGroup
多次赋予不存在的值时文字不能正常显示Dialog
: 修复closeOnOverlayClick
closeOnEscKeydown
默认值导致的无法设置的问题Drawer
: 修复closeOnOverlayClick
closeOnEscKeydown
默认值导致的无法设置的问题DatePicker
: 修复日期选择器在表单禁用后还能点击的问题Tree
:getRightData
方法兼容value
的alias
Form
: 修复不传form.onSubmit
回调函数导致的scrollToFirstError
参数失效的问题DatePicker
: 修复clearble
响应式问题Dialog
: 修复滚动失效问题Table
: 修复动态数据合并元格问题Table
: 修复树形结构设置indent = 0
无效问题Slider
: 使用InputNumber
时在使用range
属性情况下传入min
或max
会导致手动输入显示 NaN 问题Select
: 修复多选下换行提前占满一行的问题Select
: 修复 input 高度height 100%
导致换行高度异常的问题Pagination
: 修复如果页面总数变更后当前页数不变的问题RangeInput
: 修复rangeinput
样式问题
详情见:https://github.com/Tencent/tdesign-vue-next/releases/tag/0.17.3
React for Web 发布 0.36.2
🌈 Features
Form
: 添加内置校验方法 whitespaceTable
: 新增indeterminateSelectedRowKeys
,用于控制选中行半选状态Table
: 可编辑单元格,支持编辑组件联动Table
: 树形结构行选中,支持中层节点半选状态Table
: EnhancedTable 新增对外实例对象treeDataMap
Cascader
: 增加popupVisible, readonly, selectInputProps, onPopupVisibleChange
属性,具体描述查看文档Jumper
: 新增 jumper 组件Space
: 优化空元素渲染Cascader
: 基于select-input
重构, 文本过长省略使用原生 title 展示全文本,不再使用tooltip
组件
🐞 Bug Fixes
table
: 表头吸顶显示问题table
:paginationAffixedBottom
支持配置 Affix 组件全部特性treeselect
: 默认lazy异步加载开启,与api保持一致DatePicker
: 修复 presetsPlacement 不生效的问题colorpicker
: 修复最近使用颜色的功能Table
: 树形结构行选中,没有配置tree
,则当作普通表格行选中处理Table
: 修复树形数据表格,选中子节点时,会导致父节点自动折叠问题Table
: 修复合并单元格,动态数据显示异常问题、Table
: 可编辑功能,数据更新不及时问题Cascader
: 修复数据中value
的数据类型为number
时,clearable
失效Dialog
: 修复滚动失效问题select
: 修复多选下换行提前占满一行的问题Upload
: 修复 disabled 依然可删除问题colorPicker
: 修复在ColorTrigger
输入色值时,自动format
输入值并回填的问题table
: 兼容树状表格未传入tree
属性的场景
详情见:https://github.com/Tencent/tdesign-react/releases/tag/0.36.2
Miniprogram for WeChat 发布 0.14.0
❗ Breaking Changes
TextArea
: 移除不生效的外部样式类t-class-placeholder
, 建议使用类名t-textarea__placeholder
进行样式覆盖,存在不兼容更新
🌈 Features
ActionSheet
: 新增t-class-content
、t-class-cancel
外部样式类Progress
: 新增t-class-bar
外部样式类Picker
:- 新增
confirm
事件,返回参数和change
一致 confirm
、change
、pick
事件均返回label
参数
- 新增
🐞 Bug Fixes
Tabbar
: 修复具名插槽无法使用的问题- 修复默认层级问题
- Dialog
- DropdownMenu
- Drawer
- Message
- Popup
Fab
: 修复text
属性不生效的问题NoticeBar
: 修复公告不滚动问题Dialog
: 修复点击遮罩层不会触发close
事件的问题
详情见:https://github.com/Tencent/tdesign-miniprogram/releases/tag/0.14.0
Vue3 for Mobile 发布 0.9.0
❗ Breaking Changes
Progress
: 移除size
和theme
属性,存在不兼容更新Picker
:重构Picker
组件 ,存在不兼容更新- 移除子组件
<picker-item/>
,新增基于Picker开发的级联选择组件<cascade />
- 新增
columns
,代表配置每一列的选项;新增renderLabel
,用于自定义渲染label
;新增onPick
,选中任何一列时均会触发 - 修改
onChange
,onConfirm
的回调参数
- 移除子组件
DateTimePicker
:重构DateTimePicker
组件- 移除
disableDate
、showWeek
- 新增
start
,用于设置最小可选时间;新增end
,用于设置最大可选时间 - 将
onColumnChange
改名为onPick
,修改回调参数 - 修改
onChange
,onConfirm
的回调参数
- 移除
Search
: 存在不兼容更新- 移除
iconColor
属性 autofocus
更名为focus
cancelButtonText
更名为action
- 新增
leftIcon
支持左侧图标定制 - 新增
value
和default-value
控制输入框的值 cancel
事件更名为action-click
- 新增
blur
和focus
事件
- 移除
Collapse
:存在不兼容更新accordion
更名为expandMutex
- 移除
title
、labelWidth
属性 - 新增
disabled
、expandIcon
、onChange
属性无效的问题
CollapsePanel
: 存在不兼容更新name
更为为value
title
更名为header
extra
更名为headerRightContent
- 移除
labelWidth
、headerClickable
属性 - 新增
default
、expandIcon
属性 - 移除
click
事件
Drawer
: 存在不兼容更新- 移除
slider
属性 - 新增
items
、placement
、showOverlay
、zIndex
等属性 - 新增
close
、item-click
、overlay-click
等事件
- 移除
🌈 Features
Indexes
: 新增Indexes
组件Input
: 新增支持size
属性Fab
: 新增支持buttonProps
和style
属性Cell
: 新增支持image
插槽Rate
: 新增支持gap
属性Loading
: 新增支持duration
、inheritColor
、pause
、reverse
属性Dialog
:- 增支持
actions
和preventScrollThrough
属性 - 新增支持 支持
confirmBtn
和cancelBtn
的插槽
- 增支持
Checkbox
: 新增支持maxContentRow
和maxLabelRow
属性CheckboxGroup
: 新增支持max
属性Swiper
: 新增支持minShowNum
属性Upload
:- 新增
select-change
事件 - 新增支持
allowUploadDuplicateFile
属性
- 新增
🐞 Bug Fixes
Badge
: 修复showZero
属性无效的问题Badge
: 修复maxCount
属性无效的问题DropdownMenu
: 修复单选update:value
失效的问题Radio
: 修复非受控用法错误的问题
详情见:https://github.com/Tencent/tdesign-mobile-vue/releases/tag/0.9.0
React for Mobile 发布 0.1.0
- 适配移动端交互
- 基于 React 16.x(全部基于 React Hooks 的 Functional Component)
- 与其他框架/库(Vue / Angular)版本 UI 保持一致
- 支持按需加载
详情见:https://tdesign.tencent.com/mobile-react/getting-started
解决方案
TDesign Vue Starter 发布 0.3.0
Refactor
- 全面替换
less
vars
颜色方案为CSS Token方案 与其他页面模板保持一致 - 移除
vue-color
,使用组件库的color-picker-panel
组件
🌈 Features
- 升级组件库依赖至0.43+
datepicker
使用方式有调整
详情见:https://github.com/Tencent/tdesign-vue-starter/releases/tag/0.3.0
TDesign Weekly Release (June 4th 2022)
组件库
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/964ConfigProvider
: 修复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
- 修复首页
TAB
关闭其他时的异常 - 修复升级 0.16 版本后自定义设置中选项样式的异常
详情见:https://github.com/Tencent/tdesign-vue-next-starter/releases/tag/0.3.5
TDesign React Starter 发布 0.1.5
🌈 Features
- 新增卡片列表页
- 菜单路由配置
hidden
和single
功能
🐞 Bug Fixes
- 同步
DatePicker
组件升级的改动
详情见:https://github.com/Tencent/tdesign-react-starter/releases/tag/0.1.5
TDesign Weekly Release (June 3rd 2022)
组件库
Vue2 for Web 发布 0.42.1
🌈 Features
Form
:- 实例方法
reset
支持重置指定字段,新增参数{ type:'initial' | 'empty', fields:number[] }
- 实例方法
validate
支持值校验而不显示每个组件的错误信息文本,新增参数{ showErrorMessage }
FormItem
支持自定义help
内容,插槽和渲染函数均可- 新增纯净的校验方法
validateOnly
,专门用作校验,不带任何副作用 - 修复
TagInput
组件按下 Enter 时触发submit
事件,不再触发
- 实例方法
Dialog
:优化动画初始位置
🐞 Bug Fixes
Table
:- 修复
table
透传 loading size 为枚举无效的问题 - 优化吸顶和吸底的位置,支持带有
offsetBottom
和offsetTop
特性的位置定位
- 修复
Select
:- 修复 t-option 异步加载问题
- 修复分组为空未展示分组名称的问题
- 优化虚拟滚动示例、修复
pagination
分页数量宽度问题
Dialog
:- 修复普通对话框不脱离文档流的问题
- 修复点击对话框后对话框会隐藏问题
- 修复
modeless
模式下背景样式点击透传的问题 - 修复 attach 挂载 showInAttachedElement 定位问题
详情见:https://github.com/Tencent/tdesign-vue/releases/tag/0.42.1
Vue3 for Web 发布 0.16.0
❗ Breaking Changes
Select
:基于selectInput
重构组件 , 并使用 CompositionAPI 重构组件逻辑, 增加相关 API,存在不兼容更新DatePicker
:重构DatePicker
为 compositionAPI,全新的UI样式及交互,移除 range api,分别导出 Datepicker 与 DateRangePicker,存在不兼容更新TimePicker
:重构TimePicker
为 compositionAPI,全新的UI样式及交互,disableTime API 有所调整, 调整交互为点击确认按钮保留改动, 直接关闭弹窗不保留改动恢复初始值,存在不兼容更新
🌈 Features
Table
:筛选对话框输入筛选内容之后按回车应该和按确定按钮一样Table
:筛选功能支持自定义组件方式,示例:columns:[{ filter:{ component:DatePicker, props:{} } }]
Table
:拖拽排序事件,新增参数data
和newData
,分别表示变更前后的数据popup
:支持动态设置 trigger & placementInputAdornment
:新增input-adornment
组件TreeSelect
:增加autoWidth borderless API
Select
:增加select
的键盘选中交互Pagination
:增加pageEllipsisMode API
, 用于配置页码数量超出时,首尾省略模式Skeleton
:增加 delay API 用于延迟加载TimePickerPanel
:新增TimePickerPanel
组件用于单独使用面板的场景, 新增disableTime
、onFocus
、onBlur
、onInput
等APIDatepicker
:增加allowInput
api, 新增DatePickerPanel
与DateRangePickerPanel
单独使用支持年份、月份区间选择
🐞 Bug Fixes
popup
:修复初始化visible
为true
时的定位抖动Slider
:修复inputNumberProps
无法支持readonly
、tips
等 api 配置问题(#941)DatePicker
:enable-time-picker
状态下,prefixIcon
不起作用Datepicker
:修复datepicker separator
日期分隔符属性失效问题table
:合并单元格支持动态数据Table
:修复Table
透传loading size
为枚举无效的问题Select
:修复透传inputProps
参数无效switch
:修复slots.label
参数无效TreeSelect
:优化过滤状态下的输入框交互,修复selectInput
参数透传数据响应问题Cascader
:修复下拉面板宽度问题Form
:修复调用实例方法reset
添加参数无效Form
:修复调用实例方法submit
后onSubmit
回调函数参数e
为undefined
的问题CheckBox
:修复二次封装多选框组件插槽定义选项失效Upload
:修复图片列表模式存在图片列表的情况下,拖拽图片会触发浏览器默认打开图片行为Slider
:修复slider
数字输入框初始化重复渲染问题DatePicker
:enable-time-picker 状态下,prefixIcon
不起作用
详情见:https://github.com/Tencent/tdesign-vue-next/releases/tag/0.16.0
React for Web 发布 0.35.1
🌈 Features
table
: 支持拖拽调整宽度,设置resizable=true
即可table
: 表头吸顶、表尾吸底、滚动条吸底、分页器吸底DatePicker
: 完善panel
事件逻辑
🐞 Bug Fixes
table
: 修复table
透传 loading size 为枚举无效的问题Select
:option
子组件没有透传 style 实现的问题table
: 支持动态数据合并单元格table
: 吸顶表头和自定义显示列场景,支持列拖拽调整顺序table
: 修复firstFullRow
存在时,拖拽排序的顺序不正确问题timepicker
: 修复初始化滚动问题Select
: 修复minCollapsedNum
无效问题Skeleton
: 修复 ts 类型问题Tabs
: 修复左右切换渲染问题Dialog
: 修复mask
关闭问题
详情见:https://github.com/Tencent/tdesign-react/releases/tag/0.35.1
Miniprogram for WeChat 发布 0.13.2
🌈 Features
DropdownMenu
: 单选的情况下,选择之后直接关闭
🐞 Bug Fixes
Dialog
: 修复取消按钮传递 Object 显示不正确的问题Checkbox
: 修复外部样式类无法使用的问题
详情见:https://github.com/Tencent/tdesign-miniprogram/releases/tag/0.13.2
Miniprogram for QQ 发布 0.0.2
- 适配 QQ 小程序版本的组件库发布 0.0.2 版本已上线官网,目前处于 alpha 阶段,欢迎访问官网试用
设计资源
Figma for Web 发布 1.2.1
🌈 Features
icon
:新增rollfront
图标、新增设计示例使用图标move
/leftRight
/upDown
/text
/not-allowed
font
:新增字体样式 token
🐞 Bug Fixes
Form
:修复绝对定位对齐问题和间距过大问题Alert
:修复样式层级和圆角问题Tooltip
:修复圆角使用问题Dialog
:修复圆角使用问题
详情见:https://www.figma.com/community/file/1053279236128724321/TDesign-for-web
解决方案及周边
TDesign Vue Next Starter 发布 0.3.4
🌈 Features
- 升级组件库依赖至0.16.0,
datepicker
、dialog
组件的使用请参考改动
🐞 Bug Fixes
- 修复退出登录之后重新登陆新增了空Tab的缺陷
- 修复切换多标签Tab页时的告警问题
详情见:https://github.com/Tencent/tdesign-vue-next-starter/releases/tag/0.3.4
TDesign Weekly Release (June 2nd 2022)
组件库
Vue2 for Web 发布 0.42.0
❗️ BREAKING CHANGES
Dialog
:移除transform
定位实现方案,如有覆盖Dialog
组件样式的情况请注意 DOM 结构有变动,存在不兼容更新
🌈 Features
Table
:- 筛选对话框输入筛选内容之后按回触发筛选过滤
- 筛选功能支持自定义组件方式,示例:
columns:[{ filter:{ component:DatePicker, props:{} } }]
- 拖拽调整宽度,支持设置最小宽度和最大宽度
column.resize
- 拖拽排序事件,新增参数
data
和newData
,分别表示变更前后的数据
Popup
:支持动态设置 trigger & placementSelect
:select
组件支持虚拟滚动- 重构为 composition API 实现,组件底层基于 SelectInput 实现
Upload
:图片上传文案支持自定义- 新增
InputAdornment
组件
🐞 Bug Fixes
Popup
:修复初始化 visible 为 true 时的定位抖动问题Table
:- 修复树形结构拖拽排序引起展开收起异常问题
- 修复动态数据场景下合并单元格支持
Select
:- 修复
inputProps
透传无效的问题 - 修复
placeholder
无法设置空字符串的问题 - 修复单选场景无法使用
valueDisplay
能力的问题
- 修复
Datepicker
:修复popupProps
传入无效的问题
详情见:https://github.com/Tencent/tdesign-vue/releases/tag/0.42.0
React for Web 发布 0.35.0
❗ Breaking Changes
DatePicker
:重构DatePickerPanel
、DateRangePickerPanel
逻辑,API 重新规划,存在不兼容更新Dialog
:移除transform
动画方案,dom 结构有所调整,存在不兼容更新InputAdornment
:移除Addon
组件,替换为InputAdornment
,用法保持一致只需更改组件名即可,存在不兼容更新
🌈 Features
table
:树形结构,支持默认展开全部,以及自由控制展开全部或收起全部table
:树形结构,支持空数据插入新节点、当前数据之前插入新节点、当前数据之后插入新节点、获取树形结构等方法table
:树形结构,支持自定义树形结构展开收起图标table
:树形结构,支持拖拽调整同层级顺序table
:拖拽排序事件,新增参数data
和newData
,分别表示变更前后的数据table
:过滤功能,Input
输入框支持 Enter 键触发确认搜索table
:排序功能,支持隐藏排序图标文本提示 hideSortTipstable
:新增可编辑单元格功能textarea
:新增allowInputOvermax
支持超出字数限制可以输入DatePicker
:优化DatePicker
组件逻辑Dialog
:优化transform
定位问题导致子节点的fixed
属性定位失效InputAdornment
:新增InputAdornment
组件
🐞 Bug Fixes
MenuItem
:修复MenuItem
在 active 状态点击失效问题InputNumber
:修复减号按钮触发两次点击事件问题Dialog
:优化transform
定位问题导致子节点的 fixed 属性定位失效
详情见:https://github.com/Tencent/tdesign-react/releases/tag/0.35.0
Miniprogram for WeChat 发布 0.13.1
🌈 Features
Textarea
:支持cursor-spacing
属性Toast
:新增showToast
和hideToast
方法
🐞 Bug Fixes
Textarea
:修复字数统计不生效的问题Textarea
:移除无用的组件依赖
Others
- 支持微信开发者工具可视化编程
详情见:https://github.com/Tencent/tdesign-miniprogram/releases/tag/0.13.1
TDesign Weekly Release (June 1st 2022)
组件库
Vue2 for Web 发布 0.41.7
🌈 Features
Table
:appendTo
支持添加新节点到根节点- 新增
getTreeNode
,用于获取整个树形结构 EnhancedTable
支持事件- 表格支持编辑单元格
InputNumber
: 通过inputProps
透传Input
组件全部特性
🐞 Bug Fixes
Progress
: theme 由 circle 切换至 plump 后样式错乱InputNumber
: 修复theme = column
时设置 align 失效的问题Table
: 修复表头多选框无法居中和居右展示的问题- 修复无法在 SSR 场景下使用的问题
🚧 Others
- 官网: 支持在线配置组件库主题
详情见:https://github.com/Tencent/tdesign-vue/releases/tag/0.41.7
Vue3 for Web 发布 0.15.4
🌈 Features
Cascader
: 增加属性透传selectInputProps
🐞 Bug Fixes
Steps
: 修复插槽渲染逻辑问题Dropdown
: 修复通过插槽方式渲染点击事件data
参数不正确Radio
: 修复Group
模式下allowUncheck
显示错误Cascader
: 修复options
异步获取无法选择任意级的选项InputNumber
: 修复v-model
值不为number
类型时的报错,增加类型判断组件表现Menu
: 修复暗黑模式下 popup 样式问题Menu
: 修复箭头方向错误的问题Tree
: 修复存在 keys 属性时,严重闪烁Cascader
: 修复无法透传属性popupProps
Transfer
: 修复当与tree结合的全选判断问题
🚧 Others
- 官网: 支持在线配置组件库主题
详情见:https://github.com/Tencent/tdesign-vue-next/releases/tag/0.15.4
Vue3 for Web 发布 0.15.3
🌈 Features
Table
:appendTo
支持添加新节点到根节点Table
: 新增getTreeNode
,用于获取整个树形结构Table
: 添加onDragSort
事件到 EnhancedTableInputNumber
: 透传 Input 组件全部特性
🐞 Bug Fixes
transfer
: 修改v-model
,页面没有同步更新InputNumber
: 修复必填问题Button
: 修复ref应用错误的问题Swiper
: 动态列表渲染问题Table
: 可编辑单元格,使用日期选择器时,切换月份也会导致退出编辑模式Form
: 修复form
实例方法submit
调用后的刷新问题
详情见:https://github.com/Tencent/tdesign-vue-next/releases/tag/0.15.3
React for Web 发布 0.34.4
🌈 Features
Skeleton
: 延时关闭功能Dialog
: 增强dialog
组件 confirmBtn & cancelBtnNotifycation
: 新增样式命名区分 theme
🐞 Bug Fixes
Loading
: 修复 loading plugin 类型缺失 style 和 class 的问题skeleton
: 动画结束后,父级无意义的 div 导致样式无法继承、计算TimePicker
: 修复RangePicker
的聚焦样式丢失的问题Form
: 修复addon
在form
表单下数据劫持失败问题Select
: 当 multiple 为 true 的时候,筛选(filter)功能无法关闭Menu
: 兼容 menu 子元素为 null 场景报错问题Upload
: 修复错误信息不消失问题TagInput
: 修复中文输入法 enter 时,既触发添加 tag也input 框有输入的字母的问题
🚧 Others
- 官网: 支持在线配置组件库主题
详情见:https://github.com/Tencent/tdesign-react/releases/tag/0.34.4
Miniprogram for WeChat 发布 0.13.0 ,进入 beta 阶段
❗ Breaking Changes
Picker
:- 事件
change
更名为pick
- 事件
confirm
更名为change
- 事件
PickerItem
:- 移除
value
属性
- 移除
DateTimePicker
:- 新增
start
和end
属性用于替代disable-date
属性 - 移除
disable-date
属性 - 事件 change 更名为 pick
- 事件
confirm
更名为change
- 移除
column-change
事件 - 属性
format
默认值改成 '' - 重构了事件返回参数,在传入了
format
属性时,value
则是格式化之后的值,否则就是picker-item
的值
- 新增
🌈 Features
Tabbar
: 新增支持icon
插槽Button
: 新增iconProps
属性透传至icon
Collapse
: 新增t-class-header
&t-class-content
外部样式类Input
: 新增prefixIcon
属性和插槽
🐞 Bug Fixes
Tabs
: 修复在popup
中使用时丢失tab-nav
的问题Input
: 修复max-character
不生效的问题PullDownRefresh
: 修复使用组件之后无法滚动的问题
详情见:https://github.com/Tencent/tdesign-miniprogram/releases/tag/0.13.0
Vue3 for Mobile 发布 0.8.6
🌈 Features
Indexes
: 新增Indexes
组件ActionSheet
: 新增ActionSheet
组件- Icon: 更新图标 新增
file-icon
图标 调整file-excel
、file-pdf
、file-powerpoint
、file-unknown
、file-word
和star-filled
图标的绘制路径
🐞 Bug Fixes
Textarea
: 修复label
不生效问题;样式优化Badge
: 修复组件设置color
属性无效问题Swiper
: 支持通过修改loop
值关闭循环
🚧 Others
Refactor
: 将mask
重命名为overlay
Refactor
: 重构Progress
组件,Api更新Refactor
: 重构Slider
组件Refactor
: 重构NoticeBar
组件feat
: 站点支持搜索
详情见:https://github.com/Tencent/tdesign-mobile-vue/releases/tag/0.8.6
解决方案及周边
TDesign Starter CLI 发布 0.2.3
🐞 Bug Fixes
- 修复自定义创建项目时图标加载的问题
详情见:https://github.com/Tencent/tdesign-starter-cli/releases/tag/0.2.3
TDesign Vue Next Starter 发布 0.3.3
🌈 Features
- 模板中使用颜色变量全部改造为CSS Token
🐞 Bug Fixes
- 升级组件库至0.15.4,修复菜单字重及顶部菜单箭头翻转方向、暗黑模式的颜色问题
详情见:https://github.com/Tencent/tdesign-vue-next-starter/releases/tag/0.3.3
TDesign React Starter 发布 0.1.4
🌈 Features
- 增加面包屑导航
- 搜索框样式优化
Layout
组件命名语义化- 图表主题功能优化
详情见:https://github.com/Tencent/tdesign-react-starter/releases/tag/0.1.4
TDesign Weekly Release (May 4th 2022)
组件库
Vue2 for Web 发布 0.41.6
🌈 Features
ColorPicker
:新增颜色选择器,使用请参照 官网
🐞 Bug Fixes
Table
:- EnhancedTable,树形结构中,修复可选中表格禁用行勾选问题:动态设置选中列时,禁用失效
- EnhancedTable,树形结构中,toggleExpandData 和 expandAll/FoldAll 混合使用时,树形结构展开有误
table
初始化时,fixed 的阴影效果没有出现
Tabs
:修复选项卡新增和删除在normal风格下无效Drawer
:修复Drawer
使用按键关闭时 contenteditable 出现的边框Layout
:去除Header
额外高度设置
详情见:https://github.com/Tencent/tdesign-vue/releases/tag/0.41.6
Vue3 for Web 发布 0.15.2
🐞 Bug Fixes
ColorPicker
:修复color-picker-panel
使用v-model
值没有正确更新Form
:修复表单重置onReset
不传会报错Upload
:修复placeholder
在image
模式下不生效Transfer
:修复列表数量变化时的页码展示问题Form
:修复实例方法reset
参数不生效的问题Form
:reset
和submit
现在会调用原生form
中的方法Affix
:兼容<keep-alive/>
场景Tabs
:修复选项卡新增和删除在normal风格下无效ColorPicker
:点击panel会关闭的问题Select
:修复option
显示问题Affix
:兼容<keep-alive/>
场景
详情见:https://github.com/Tencent/tdesign-vue-next/releases/tag/0.15.2
Vue3 for Web 发布 0.15.1
🌈 Features
Table
:支持可编辑单元格的表格Select
:新增事件 onPopupVisibleChangeSelect
:新增 onChange 事件参数,trigger,用于表示当次变化的触发来源
🐞 Bug Fixes
test
:renderTNode 默认参数和 tag 组件单元测试用例修复Table
:EnhancedTable,树形结构中,可选中表格禁用行勾选问题:动态设置选中列时,禁用失效Table
:EnhancedTable,树形结构中,toggleExpandData 和 expandAll/FoldAll 混合使用时,树形结构展开有误Slider
:修复slider部分tooltip属性设置无法生效问题Input
:清除操作触发了非必要事件onBlur
Drawer
:修复按键 ESC 关闭无法触发Select
:修复使用creatable
创建新条目时,会出现额外空选项Select
:修复showArrow
属性设置为false
,右侧箭头依然显示Progress
:修复theme
动态变化错误Transfer
:修复transfer
选中态无法点击
详情见:https://github.com/Tencent/tdesign-vue-next/releases/tag/0.15.1
React for Web 发布 0.34.3
🐞 Bug Fixes
Table
:处理table
过滤输入失焦问题Form
:修复FormItem
拦截组件受控属性默认值为数组时传入 undefined 报错问题Form
:修复FormItem
rules 失效问题Pagination
:修复totalContent
jsx 渲染失败问题Datepicker
:修复popupProps
透传优先级问题
详情见:https://github.com/Tencent/tdesign-react/releases/tag/0.34.3
Miniprogram for WeChat 发布 0.12.1
🐞 Bug Fixes
Dialog
:修复按钮传入openType
不生效的问题Collapse
:修复t-class
外部样式类无法使用的问题DropdownMenu
:修复label
无法实时更新的问题Sticky
:修复吸顶后tabs
无法滑动的问题Tabbar
:补充缺失的icon
插槽
详情见:https://github.com/Tencent/tdesign-miniprogram/releases/tag/0.12.1
Miniprogram for WeChat 发布 0.12.0
❗ Breaking Changes
Collapse
:expandIcon
默认值从true
改成null
,存在不兼容更新Collapse
:headerRightContent
移除boolean
类型,存在不兼容更新
🌈 Features
Steps
:节点支持自定义样式
🐞 Bug Fixes
Tabbar
:优化代码避免在 setData 里传输不必要的页面实例Sticky
:修复在无法获取页面实例时报错的问题Skeleton
:添加组件基础默认样式DropdownMenu
:修正遮罩层的位置,以及下拉菜单的高度DropdownMenu
:修复菜单选项点击区域过小的问题BackTop
:修复丢失的to-top
事件Collapse
:修复header
、expand-icon
、header-right-content
插槽无法使用的问题
详情见:https://github.com/Tencent/tdesign-miniprogram/releases/tag/0.12.0
设计资源
Figma for Mobile 发布 1.0.4
🌈 Features
- 新增7类组件:
Fab
悬浮按钮 /Drawer
抽屉 /DropdownMenu
下拉菜单 /Actionsheet
动作面板 /Collapse
折叠面板 /Preview
图片预览 /Noticebar
公告栏
🐞 Bug Fixes
Button
:补充样式类型,优化展示布局Datetimepicker
:补充秒、星期的展示,优化布局规则及autolayout实现Picker
:优化布局规则及 autolayout 实现Progress
:补充按钮带进度的样式类型Swiper
:补充轮播控件方位特性Skeleton
:补充样式类型Dialog
:补充带图片的样式类型Popup
:补充底部弹出场景的示例
详情见:https://www.figma.com/community/file/1053279585699097956/TDesign-for-mobile
解决方案及周边
TDesign Vue Starter 发布 0.2.2
🌈 Features
- 升级组件库依赖至0.41.5
- 优化计算列表吸顶高度与多标签页关系的逻辑
- 多标签页增加支持指定路由不缓存的功能
🐞 Bug Fixes
- 修复多标签页关闭左侧会关闭首页的问题
详情见:https://github.com/Tencent/tdesign-vue-starter/releases/tag/0.2.2
TDesign Vue Next Starter 发布 0.3.2
🌈 Features
- 升级组件库依赖至0.15.1
- 增加多标签页增加支持指定路由不缓存的功能
🐞 Bug Fixes
- 修复页面滚动条不重置的问题
- 修复多标签页关闭逻辑缺陷
详情见:https://github.com/Tencent/tdesign-vue-next-starter/releases/tag/0.3.2