TDesign Weekly Release (May 1st 2022)
组件库
Vue2 for Web 发布 0.41.2
🌈Features
Table
:新增APIellipsisTitle
用于单独控制表头的超出省略Tooltip
:placement
新增mouse
枚举值,用于支持基于鼠标位置定位
🐞BugFixes
Table
:- 修复默认情况,表尾吸底显示与否计算遗漏的问题
- 修复加载状态会导致拖拽排序失效的问题
- 修复表格
sorter
:true
且ellipsis
:true
时样式冲突问题 - TS类型
TableColumns[0]
在严格模式下的使用问题
Table
:renderExpandedRow
改为非必填- 全局配置:修复
animation
属性exclude
和include
在TS
中都必填的问题 Datepicker
:修复weekday
英文翻译的顺序问题
🚧Others
Table
:TS 类型全部移入 interface.ts 文件中,并导出Calendar
:对value
属性功能进行修正,新增month
和year
属性,用于控制日历面板展示所属年/月。- 官网:上线组件
livedemo
能力,请访问Button
组件文档体验
详情见:https://github.com/Tencent/tdesign-vue/releases/tag/0.41.2
Vue2 for Web 发布 0.41.1
🌈Features
Message
:增加全局配置默认值能力Pagination
:新增showFirstAndLastPageBtn
、showPreviousAndNextBtn
、showPageSize
、showPageNumber
属性Table
:- 支持表尾吸底及表尾滚动条吸底
- 支持表格列可以拖拽宽度
🐞BugFixes
Form
:修复 help 文本样式问题Dialog
:修复dialog
初始化时滚动穿透问题Table
:表头吸顶时,table
元素宽度修正,之前为直接等于外层宽度,不合理Table
:修复斑马纹stripe
和固定表头同时存在时,样式问题DatePicker
:修复DatePicker
点击快捷选择日期按钮左边面板日期时间不联动- 防止
VueCompositionAPI
重复注册
详情见:https://github.com/Tencent/tdesign-vue/releases/tag/0.41.1
Vue3 for Web 发布 0.14.1
🌈Features
Table
:新增APIellipsisTitle
用于单独控制表头的超出省略
🐞BugFixes
Loading
:使用attach
的情况下,loading 设置为false
,无法隐藏半透明蒙层Table
:加载状态 loading 会导致拖拽排序失效的问题Table
:TS类型TableColumns[0]
在严格模式下的使用问题Menu
:使用t-submenutemplate
#icon 无效的问题Menu
:修复expandMutex
无法动态更新Input
:修复onChange
触发两次Tabs
:修复add
方法点击报错Textarea
:修复autofocus
参数更新无法聚焦Select
:修复在结合option
使用下的render
告警Slider
:将marks
属性更改为响应性属性,并内部修复marks
刻度节点点击事件无效问题Dropdown
:修复下拉菜单点击后报错Menu
:使用t-submenutemplate
#icon无效的问题
详情见:https://github.com/Tencent/tdesign-vue-next/releases/tag/0.14.1
Vue3 for Web 发布 0.14.0
❗BreakingChanges
Popup
:去除reference
包裹元素,存在不兼容更新
🌈Features
Pagination
:新增showFirstAndLastPageBtn
、showPreviousAndNextBtnapi
Pagination
:新增showPageSize
、showPageNumberAPI
Calendar
:日历组件修正value
属性,新增了month
和year
属性
🐞BugFixes
Dialog
:修复alert
类型错误Form
:修复help
节点状态问题Transfer
:修复选择无效和搜索无效DataPicker
:data-picker
增加apply
事件Input
:修复input
组件clearable
问题TreeSelect
:修复右侧箭头状态与清除回掉Input
:修复suffix
渲染问题Input
:修复input
组件clearable
问题
详情见:https://github.com/Tencent/tdesign-vue-next/releases/tag/0.14.0
React for Web 发布 0.32.3
🌈Features
Table
:新增APIellipsisTitle
用于单独控制表头的超出省略Upload
:修改uploadFiles
类型参数除 url 外为非必填
🐞BugFixes
slider
:修复slider
在非受控模式下行为异常Table
:加载状态与拖拽配合使用时,拖拽功能失效Card
:修复未添加header
属性,Card
组件布局错误Card
:头部渲染逻辑不完善的问题缺失了status
的渲染Table
:renderExpandedRow
改为非必填Card
:修复未添加header
属性,Card
组件布局错误InputNumber
:修复小数输入问题
详情见:https://github.com/Tencent/tdesign-react/releases/tag/0.32.3
React for Web 发布 0.32.2
🌈Features
Collapse
:新增Collapse
组件Pagination
:- 新增
showPageSize
、showPageNumberAPI
- 新增
showFirstAndLastBtnapi
- 新增
InputNumber
:完善尺寸类型Tooltip
:支持plcement="mouse"
基于鼠标位置
🐞BugFixes
Table
:- 修复
getBoundingClientRect
在jsdom
环境为null
问题 - 修复loading状态文案问题
- 修复
Datepicker
:修复空数组确定事件报错问题Dialog
:修复组件销毁后body样式不重置问题&移除多余div渲染Textarea
:修复在Form
组件下换行问题Colorpicker
:修复Popupprops
透传问题Form
:修复help文案状态响应样式问题Upload
:修复onDrop
事件不响应问题
详情见:https://github.com/Tencent/tdesign-react/releases/tag/0.32.2
Miniprogram for WeChat 发布 0.11.0
❗BreakingChanges
- Tabs:不再支持
slot
类型的label
,存在不兼容更新
🐞BugFixes
Picker
:修复滑动延迟的问题Avatar
:修复图标大小不随尺寸变化的问题Tabbar
:修复样式告警问题- 修复样式告警问题:
ActionSheet
ImageViewer
Picker
Steps
详情见:https://github.com/Tencent/tdesign-miniprogram/releases/tag/0.11.0
Miniprogram for WeChat 发布 0.10.0
❗BreakingChanges
Picker
:子组件名称从t-picker-column改成t-picker-item,存在不兼容更新DateTimePicker
:value
从非受控改成受控,存在不兼容更新
🌈Features
Overlay
:新增遮罩层组件ImageViewer
:新增图片预览组件Tabs
:新增click
事件Grid
:新增defaultslot
Loading
:新增inheritColor
属性,加载标志的颜色继承外部Toast
:新增遮罩层,通过showOverlay
和overlayProps
控制
🐞BugFixes
- Drawer:修复
items
标题无法显示的问题 PullDownRefresh
:修复无法使用的问题Toast
:更正Loading标志的颜色DateTimePicker
:修复defaultValue
无法使用的问题
详情见:https://github.com/Tencent/tdesign-miniprogram/releases/tag/0.10.0
Vue3 for Mobile 发布 0.8.5
🌈Features
Icon
:完善组件文档
🐞BugFixes
Indexes
:暂时从菜单栏中移除Picker
:修复组件 demo 点击取消,无法收起蒙层问题DateTimePicker
:修复组件传参错误问题、修复组件无法触发 change 事件问题Textarea
:修复组件类名错误问题
详情见:https://github.com/Tencent/tdesign-mobile-vue/releases/tag/0.8.5
设计资源
Figma for Web 发布 1.1.0
🔥 Variants 版本来了
所有组件均可使用使用Variants进行配置,并且针对不同开发框架APIProps一一对应,欢迎各角色同学使用体验,多提建议。
🌈Features
Menu
样式全新升级,布局更合理,视觉更平衡Dropdown
样式全新升级,优化间距和展开样式Select
样式全新升级,信息更紧凑Cascader
样式全新升级,信息更紧凑DatePicker
样式全新升级,交互更合理,信息更紧凑TimePicker
样式全新升级,信息更紧凑Tag
样式全新升级,主题更全面,类型更丰富- 新增
Rate
和Collapse
组件(新组件variants
将逐步迭代) - 示例页全新升级,支持链接跳转至不同框架
详情见:https://www.figma.com/community/file/1053279236128724321/TDesign-for-web
解决方案及周边
TDesign React Starter 发布 0.1.3
🌈Features
- 升级组件库依赖至0.32+ 版本,替换使用Card组件
详情见:https://github.com/Tencent/tdesign-react-starter/releases/tag/0.1.3
TDesign Vue Starter 发布 0.2.0
🌈Features
- 新增三级菜单示例代码
- 升级组件库依赖至 0.41+ 版本,替换全部卡片样式为卡片组件减少重复代码量
- 调整图表相关代码目录结构,图表部分代码调整至所在 Page 内,减少各页面模块的耦合
- 调整表格相关代码及展示,增加吸顶功能展示、去除
minWidth
的使用等
详情见:https://github.com/Tencent/tdesign-vue-starter/releases/tag/0.2.0
TDesign Vue Next Starter 发布 0.3.0
🌈Features
- 优化菜单选中判断逻辑
- 升级组件库依赖至0.14+ 版本,替换全部
Card
为t-card
卡片组件,减少重复代码实现 - 调整图表相关代码目录结构,图表部分代码调整至所在 Page 内,减少各页面模块的耦合
- 调整表格相关代码及展示,增加吸顶功能展示、去除minWidth的使用等
🐞BugFixes
- 修复分步表单页底部居中问题
- 修复顶部菜单栏下拉菜单与表单层级问题
详情见:https://github.com/Tencent/tdesign-vue-next-starter/releases/tag/0.3.0
小程序上架微信开发者工具
- 官方通用小程序 demo 和智慧零售模板均已上架微信开发者工具,可以在创建项目时选择使用