TDesign 是一款诞生于腾讯内部、拥有完整的设计价值观和视觉风格指南的企业级设计体系,同时提供了丰富的设计资源,在设计体系基础上产出基于 Vue、React、小程序等业界主流技术栈的组件库解决方案,适合用于构建设计统一 / 多端覆盖 / 跨技术栈的企业级前端应用。
目前,TDesign 发布了 2022 年 5 月的第二周更新,带来如下变更:
Icon
file-icon
file-excel
file-pdf
file-powerpoint
file-unknown
file-word
star-filled
Dialog
preventScrollThrough
Table
treeExpandAndFoldIcon
hideSortTips
Steps
separator
Select
textarea
Slider
InputProps
Dropdown
maxHeight
normal
Progress
详情见:https://github.com/Tencent/tdesign-vue/releases/tag/0.41.3
swiper
popconfirm
visible
v-model
notification
transitionGroup
&-list__showt
onMouseenter
onMouseleave
duration
dropdown
InputNumber
tooltip
ConfigProvider
animation
exclude
include
renderExpandedRow
ColorPicker
TimePicker
message
onCloseBtnClick
onDurationEnd
menu
expandMutex
slider
toolTipProps
trigger
dialog
lock
breadcrumb
input
autowidth
form
attrs
timePicker
progress
详情见:https://github.com/Tencent/tdesign-vue-next/releases/tag/0.14.2
DatePicker
range
Datepicker
DateRangePicker
DatePickerPanel
DateRangePickerPanel
allowInput
disableTime
onFocus
onBlur
onInput
TimePickerPanel
RangeInput
RangeInputPopup
Jumper
Form
Affix
Table: 修复 多级表头 + 列配置 综合示例中,列数量超出一定限制时报错 DatePicker: 修复宽度计算问题 Slider: 修复 inputNumberProps 类型问题
inputNumberProps
详情见:https://github.com/Tencent/tdesign-react/releases/tag/0.33.2
Input
change
cursor
keyCode
keyboardheightchange
placehoderStyle
placeholderClass
selection-start
selection-end
hold-keyboard
Button
bindchooseavatar
borderless
Picker
Sticky
详情见:https://github.com/Tencent/tdesign-miniprogram/releases/tag/0.11.2
详情见:https://github.com/Tencent/tdesign-starter-cli/releases/tag/0.2.2
详情见:https://github.com/Tencent/tdesign-vue-starter/releases/tag/0.2.1
详情见:https://github.com/Tencent/tdesign-vue-next-starter/releases/tag/0.3.1
更新公告:https://github.com/Tencent/tdesign/releases/tag/v2022.5.15
评论删除后,数据将无法恢复
腾讯企业级设计体系 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
: 支持preventScrollThrough
APITable
: 支持自定义树形结构图标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-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
: 修复插件式调用时,用户传入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
DatePicker
、TimePicker
组件,样式结构有所调整,存在不兼容更新🌈 Features
DatePicker
:range
api,分别导出Datepicker
与DateRangePicker
组件DatePickerPanel
与DateRangePickerPanel
单独使用allowInput
apiTimePicker
:disableTime
、onFocus
、onBlur
、onInput
等API存在 breaking changeTimePickerPanel
组件 用于单独使用面板的场景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
详情见:https://github.com/Tencent/tdesign-vue-starter/releases/tag/0.2.1
TDesign Vue Next Starter 发布 0.3.1 版
🌈 Features
🐞 Bug Fixes
详情见:https://github.com/Tencent/tdesign-vue-next-starter/releases/tag/0.3.1
更新公告:https://github.com/Tencent/tdesign/releases/tag/v2022.5.15