TDesign 更新周报(2022 年 4 月第 2 周)
组件库
Vue2 for Web 发布 0.40.2 版
🐞 Bug Fixes
Form
:修复FormItem slot label
未正常占位的问题Slider
: 修复设置inputnumberProps
属性无效的问题Upload
:修复
remove
、selectChange
时间回调异常的问题修复取消上传逻辑异常
🌈 Features
Popup
:content
尺寸变化后自动更新位置Slider
:label
为function
时新增value
和position
参数Upload
:支持自定义上传文件列表
列表型上传支持展示
errorMessage
Checkbox
:onChange
事件新增参数option
表示当前操作对象,current
表示当前操作对象的value
Table
:表格拖拽排序支持完全受控用法
列配置功能,
onColumnChange
事件新增参数e
和currentColumn
列配置功能,新增
buttonProps
,用于支持完全自定义「列配置按钮」风格和内容列配置功能,新增
placement
,用于控制「列配置按钮 」相对于表格组件的位置,可选值:左上角、右上角、左下角、右下角列配置功能,新增控制列配置弹窗显示或隐藏属性
columnControllerVisible
和onColumnControllerVisibleChange
,将主要应用于完全需要自定义列配置按钮的业务场景BaseTable
/Primary
/Table
/EnhancedTable
新增bottomContent
,用于设置表格底部内容修复当数据量过少时,过滤浮层被隐藏的问题,修复 Safari 浏览器无法显示省略浮层问题
树形结构中,新增
toggleExpandData
,用于控制行展开树形结构中,无法获取到正确的
rowKey
时,抛出错误,提醒用户修改table-layout
:fixed
模式,且内容超出时,设置默认列宽为100
,避免出现列宽为0
消失的情况即使没有行选中列,依然支持
selectedRowKeys
添加类名行选中和行类名透传,同时存在时,自定义行类名透传失效问题
修复
tfoot>tr
类名透传失效问题
详情见:https://github.com/Tencent/tdesign-vue/releases/tag/0.40.2
Vue3 for Web 发布 0.12.0 版
⚠️BREAKING CHANGES
重构
Table
为Composition API
,存在不兼容更新BaseTable HTML
结构变更,写过CSS
样式覆盖的同学需注意更新样式。由之前的两个table
分别渲染thead
和tbody
,更为一个table
行拖拽排序功能,使用方法有调整,从
sortOnRowDraggable
更为dragSort='col'
表头更为使用 th 标签,之前为 td,不符合语义
事件
row-db-click
更为row-dblclick
,onRowDbClick
更为rowDblclick
事件
row-hover
更为row-mouseover
,onRowHover
更为onRowMouseover
CSS
类名t-table__row-first-full-row
更为t-table__first-full-row
,t-table__row-last-full-row
更为t-table__last-full-row
🐞 Bug Fixes
修复
configProvider
警告 和globalConfig
数据响应式问题修复
Input type=password
时autocomplete
警告 以及toggle password
问题修复
Checkbox Group
插槽形式disabled
属性没有生效修复
Upload
中triggerUpload
方法未正确导出 和 自定义拖拽上传 demo 中 “点击上传” 按钮无效 修复Slider inputNumberProps
未正常透传修复
Affix onFixedChange
触发时机,在固定状态发生变化时才会触发该事件(改动之前为:滚动一直触发)修复
Table
的 若干 Bug
🌈 Features
新增
Collapse
组件,使用Composition api
新增
Message
的fadeIn
andfadeOut animation
新增
color-picker
渐变预览,改进最近使用色交互新增
Table
特性排序交互变更:排序方式支持点击直接排序
优化表格最后一列
ellipsis
浮层位置底部右对齐新增超出省略功能,
ellipsis
支持透传Popup
组件全部属性新增表尾合计行,支持固定在底部,支持多行合计,支持完全自定义内容
新增
loadingProps
透传加载组件全部特性新增固定行(冻结行)
新增排序图标自定义,插槽
(slot='filterIcon')
和渲染函数(props.filterIcon)
均可新增全局配置:过滤图标、空元素、异步加载文本配置、排序按钮文本配置
新增
scroll
滚动事件新增表头吸顶功能
新增综合功能:多级表头 + 固定表头 + 固定列 + 表头吸顶 + 虚拟滚动 + 自定义列配置
过滤功能,条件为真时,高亮筛选图标
新增列拖拽排序功能,通过拖拽手柄调整表格排序
详情见:https://github.com/Tencent/tdesign-vue-next/releases/tag/0.12.0
React for Web 发布 0.30.2 版
🐞 Bug Fixes
Cascader
: 修复定制数据字段别名label
不展示问题Form
: 兼容FormItem
单独使用报错问题Table
:修复table
高度问题修复table className ts
类型丢失Upload
: 修复多图片上传时defaultFiles
造成上传进度错误Slider
: 兼容不传value
场景
🌈 Features
Breadcrumb
: 增加自定义children
时对separator
的支持Popconfirm
: 调整组件导出命名
详情见:https://github.com/Tencent/tdesign-react/releases/tag/0.30.2
Miniprogram for WeChat 发布 0.7.3 版
🐞 Bug Fixes
Cell
: 修复传入String
类型的right-icon
不生效的问题Tabs
: 属性label
支持slot
Dialog
: 完善close
事件返回的参数受控优化:支持不传值时默认为非受控用法
🌈 Features
新增组件:
Collapse
折叠面板Progress
进度条Picker
: 新增属性header
以及header
和footer
的插槽DateTimePicker
: 新增属性header
以及header
和footer
的插槽
详情见:https://github.com/Tencent/tdesign-miniprogram/releases/tag/0.7.3
Vue3 for Mobile 发布 0.8.2 版
🐞 Bug Fixes
tabs
:label
支持动态修改,以及新增支持slot
的方式popup
: 修复teleport
失效问题
详情见:https://github.com/Tencent/tdesign-mobile-vue/releases/tag/0.8.2
解决方案及周边
TDesign Vue Starter 发布 0.1.5 版
🌈 Features
多标签
Tab
页增加持久化功能内置全局配置组件,支持全局多语言及属性的配置
详情见:https://github.com/Tencent/tdesign-vue-starter/releases/tag/0.1.5
TDesign Vue Next Starter 发布 0.2.2 版
🐞 Bug Fixes
修复图表文字颜色异常
修复
mock roles
模块错误
🌈 Features
支持多标签页支持持久化
升级组件库依赖 tdesign-vue-next 至 0.11 版本
详情见:https://github.com/Tencent/tdesign-vue-next-starter/releases/tag/0.2.2
TDesign React Starter 发布 0.1.2 版
🐞 Bug Fixes
修复构建产物丢失
CSS Token
的问题修复图表文字重叠的问题
详情见:https://github.com/Tencent/tdesign-react-starter/releases/tag/0.1.2
更多更新查看:tdesign.tencent.com/about/relea…
评论