TDesign 更新周报（2022 年 5 月第 1 周）

组件库

Vue2 for Web 发布 0.14.2 版

Feature

• 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.14.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.10.1 版

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 和智慧零售模板均已上架 微信开发者工具，可以在创建项目时选择使用

更多更新查看：https://tdesign.tencent.com/about/release