腾讯企业级设计体系 TDesign 发布 2022.5 第二周更新
TDesign 是一款诞生于腾讯内部、拥有完整的设计价值观和视觉风格指南的企业级设计体系,同时提供了丰富的设计资源,在设计体系基础上产出基于 Vue、React、小程序等业界主流技术栈的组件库解决方案,适合用于构建设计统一 / 多端覆盖 / 跨技术栈的企业级前端应用。
目前,TDesign 发布了 2022 年 5 月的第二周更新,带来如下变更:
组件库
Vue2 for Web 发布 0.41.3 版
🌈 Features
Icon: 更新图标 新增file-icon图标 调整file-excel、file-pdf、file-powerpoint、file-unknown、file-word和star-filled图标的绘制路径Dialog: 支持preventScrollThroughAPITable: 支持自定义树形结构图标treeExpandAndFoldIcon,同时支持全局配置此图标Table: 支持隐藏排序文本提示hideSortTips,同时支持全局配置是否隐藏排序文本提示Steps: 新增separator属性,用于控制步骤条分隔符类型
🐞 Bug Fixes
Select: 修复textarea作为 panelContent 时无法使用键盘事件的问题Slider: 修复InputProps属性传递布尔值时 ts 错误的问题Table: 固定列滚动阴影修复Dropdown: 插槽模式下maxHeight失效的问题Dropdown: 透传 popup 事件问题Dialog: 修复normal下加入 lock 导致页面无法滚动的问题Table: 修正拖拽列款的边界条件判断Progress: 修复环形进度条显示比例不准确
详情见:https://github.com/Tencent/tdesign-vue/releases/tag/0.41.3
Vue3 for Web 发布 0.14.2 版
🌈 Features
swiper: 增加新组件swiperIcon: 更新图标 新增file-icon图标 调整file-excel、file-pdf、file-powerpoint、file-unknown、file-word和star-filled图标的绘制路径popconfirm:visible属性支持v-model语法糖notification: 使用项目中已有的 js 动画方案,替换先前的transitionGroup方案,完善了组件出现和回收动画效果。其中涉及到 common 子仓库的修改,删除之前 transition 相关的类名,添加了一个&-list__showt类名。notification: 增加onMouseenter和onMouseleave事件,保证鼠标移入移出组件时,duration时间的停止和重新计时。Table: 支持自定义树形结构图标treeExpandAndFoldIcon,同时支持全局配置此图标Table: 支持隐藏排序文本提示hideSortTips,同时支持全局配置是否隐藏排序文本提示dropdown: 使用 compositionAPI 重构dropdown组件
🐞 Bug Fixes
InputNumber: 修复 input-number 重构 hook 使用错误出现的问题tooltip: support set placement by mouseConfigProvider: 修复animation属性exclude和include在 TS 中都必填的问题Table:renderExpandedRow为非必填ColorPicker: - fix(ColorPicker): 遍历循环的时候无法监听 change 事件会报错TimePicker: time-range-picker suffix icon 丢失问题message: 修复插件式调用时,用户传入onCloseBtnClick事件时,无法触发回调notification: 修复插件式调用时,用户传入onCloseBtnClickonDurationEnd事件时,无法触发回调menu: 修复expandMutex属性设置无效slider: 修复toolTipProps属性设置无效, 拼写错误popconfirm: 修复箭头与trigger属性dialog: 修复初始化且为显示时的lock问题breadcrumb: 修复弹出 tooltip 异常input: 修复autowidth模式计算错误form: 修复当 modelValue 为外部传入的 undefined 时,双向绑定失效form: 修复attrs注入异常timePicker: 修复当 modelValue 为外部传入的 undefined 时,clearable 失效Steps: 支持 separator api & 修复响应式问题progress: 环形进度条显示比例不准确Table: 修复 多级表头 + 列配置 综合示例中,列数量超出一定限制时报错tooltip: support set placement by mouse
详情见:https://github.com/Tencent/tdesign-vue-next/releases/tag/0.14.2
React for Web 发布 0.33.2 版
❗ Breaking Changes
- 重构
DatePicker、TimePicker组件,样式结构有所调整,存在不兼容更新
🌈 Features
DatePicker:- 移除
rangeapi,分别导出Datepicker与DateRangePicker组件 - 支持
DatePickerPanel与DateRangePickerPanel单独使用 - 支持年份、月份区间选择
- 支持
allowInputapi
- 移除
TimePicker:- 重新调整样式、允许输入交互重新设计
- 调整交互为点击确认按钮保留改动 直接关闭弹窗不保留改动 恢复初始值
disableTime、onFocus、onBlur、onInput等API存在 breaking change- 新增
TimePickerPanel组件 用于单独使用面板的场景
RangeInput: 新增RangeInput组件RangeInputPopup: 新增RangeInputPopup组件Jumper:新增Jumper组件Steps: 支持 separator api & 完善反转逻辑Form: 支持整理嵌套数据Affix: 优化滚动逻辑
🐞 Bug Fixes
Table: 修复 多级表头 + 列配置 综合示例中,列数量超出一定限制时报错
DatePicker: 修复宽度计算问题
Slider: 修复 inputNumberProps 类型问题
详情见:https://github.com/Tencent/tdesign-react/releases/tag/0.33.2
Miniprogram for WeChat 发布 0.11.2 版
🌈 Features
- 完善
Input原生属性- 完善
change事件,增加返回cursor和keyCode数据 - 增加
keyboardheightchange事件,键盘高度发生变化的时候触发 - 增加占位符相关属性:
placehoderStyle和placeholderClass - 增加光标相关属性:
cursor、selection-start、selection-end - 增加
hold-keyboard属性 - 增加安全键盘相关属性
- 完善
Button: 增加bindchooseavatar原生事件,用户选择头像Input: 支持borderless属性
🐞 Bug Fixes
Picker: 修复在没有取消和确认按钮的时候,标题没居中对齐的问题Sticky: 修复在极端情况下报错的问题
详情见:https://github.com/Tencent/tdesign-miniprogram/releases/tag/0.11.2
解决方案及周边
TDesign Starter CLI 发布 0.2.2 版
🌈 Features
- 配合模板新增维护中页面升级
详情见:https://github.com/Tencent/tdesign-starter-cli/releases/tag/0.2.2
TDesign Vue Starter 发布 0.2.1 版
🌈 Features
- 列表页增加吸顶展示
- 新增维护中页面
🐞 Bug Fixes
- 修复展示底部开关失效的问题
- 修复 mock roles 错误
详情见:https://github.com/Tencent/tdesign-vue-starter/releases/tag/0.2.1
TDesign Vue Next Starter 发布 0.3.1 版
🌈 Features
- lint新增 style scoped 提示
- 新增维护中页面
- 升级组件库依赖至 0.14+
🐞 Bug Fixes
- 修复多标签 Tab 页关闭左侧,关闭其他可能导致主页标签被删除
- 修复多个滚动列表之间切换时页面不刷新导致的样式缺陷
详情见:https://github.com/Tencent/tdesign-vue-next-starter/releases/tag/0.3.1
更新公告:https://github.com/Tencent/tdesign/releases/tag/v2022.5.15