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: 支持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单独使用allowInputapiTimePicker: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和placeholderClasscursor、selection-start、selection-endhold-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