腾讯企业级设计体系 TDesign 发布 2022.5 第二周更新

来源: OSCHINA
编辑: 罗奇奇
2022-05-17 07:01:28

TDesign 是一款诞生于腾讯内部、拥有完整的设计价值观和视觉风格指南的企业级设计体系,同时提供了丰富的设计资源,在设计体系基础上产出基于 Vue、React、小程序等业界主流技术栈的组件库解决方案,适合用于构建设计统一 / 多端覆盖 / 跨技术栈的企业级前端应用。

目前,TDesign 发布了 2022 年 5 月的第二周更新,带来如下变更:

组件库

Vue2 for Web 发布 0.41.3 版

🌈 Features

  • Icon: 更新图标 新增 file-icon 图标 调整 file-excelfile-pdffile-powerpointfile-unknownfile-wordstar-filled 图标的绘制路径
  • Dialog: 支持preventScrollThroughAPI
  • Table: 支持自定义树形结构图标 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: 增加新组件 swiper
  • Icon: 更新图标 新增 file-icon 图标 调整 file-excelfile-pdffile-powerpointfile-unknownfile-wordstar-filled 图标的绘制路径
  • popconfirm: visible 属性支持 v-model 语法糖
  • notification: 使用项目中已有的 js 动画方案,替换先前的 transitionGroup 方案,完善了组件出现和回收动画效果。其中涉及到 common 子仓库的修改,删除之前 transition 相关的类名,添加了一个 &-list__showt 类名。
  • notification: 增加 onMouseenteronMouseleave 事件,保证鼠标移入移出组件时,duration 时间的停止和重新计时。
  • Table: 支持自定义树形结构图标 treeExpandAndFoldIcon,同时支持全局配置此图标
  • Table: 支持隐藏排序文本提示 hideSortTips,同时支持全局配置是否隐藏排序文本提示
  • dropdown: 使用 compositionAPI 重构 dropdown 组件

🐞 Bug Fixes

  • InputNumber: 修复 input-number 重构 hook 使用错误出现的问题
  • tooltip: support set placement by mouse
  • ConfigProvider: 修复 animation 属性 excludeinclude 在 TS 中都必填的问题
  • Table: renderExpandedRow 为非必填
  • ColorPicker: - fix(ColorPicker): 遍历循环的时候无法监听 change 事件会报错
  • TimePicker: time-range-picker suffix icon 丢失问题
  • message: 修复插件式调用时,用户传入 onCloseBtnClick 事件时,无法触发回调
  • notification: 修复插件式调用时,用户传入 onCloseBtnClick onDurationEnd 事件时,无法触发回调
  • 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

  • 重构 DatePickerTimePicker 组件,样式结构有所调整,存在不兼容更新

🌈 Features

  • DatePicker:
    • 移除 rangeapi,分别导出 DatepickerDateRangePicker 组件
    • 支持 DatePickerPanelDateRangePickerPanel 单独使用
    • 支持年份、月份区间选择
    • 支持 allowInput api
  • TimePicker
    • 重新调整样式、允许输入交互重新设计
    • 调整交互为点击确认按钮保留改动 直接关闭弹窗不保留改动 恢复初始值
    • disableTimeonFocusonBluronInput 等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 事件,增加返回 cursorkeyCode 数据
    • 增加 keyboardheightchange 事件,键盘高度发生变化的时候触发
    • 增加占位符相关属性:placehoderStyleplaceholderClass
    • 增加光标相关属性:cursorselection-startselection-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

展开阅读全文
4 收藏
分享
1 评论
4 收藏
分享
返回顶部
顶部
返回顶部
顶部