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、showPreviousAndNextBtnapiPagination:新增showPageSize、showPageNumberAPICalendar:日历组件修正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:修复样式告警问题- 修复样式告警问题:
ActionSheetImageViewerPickerSteps
详情见: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:新增defaultslotLoading:新增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 和智慧零售模板均已上架微信开发者工具,可以在创建项目时选择使用
