TDesign 更新周报(2022年12月第2周)
分类:vue
组件库
Vue2 for Web 发布 0.50.0
❗ Breaking Changes
Comment/Slider/ImageViewer
: 组件 DOM 结构调整,有覆盖样式的同学请关注 @HQ-Lin (#1785、#1794、#1788)- 部分组件间距、尺寸等样式统一调整,支持使用尺寸相关Design Token调整间距、尺寸大小 @uyarn (common #993) @Wen1kang (common #977)
🚀 Features
Breadcrumb
: 新增icon
API @uyarn (#1781)TreeSelect
: 支持borderless
、tagProps
、selectInputProps
等 API @uyarn (#1795)Button
: 新增suffix
插槽 适用文字后置图标场景 @uyarn (#1799)TreeSelect
:- TreeSelect 底层重构为基于 SelectInput 实现,复用SelectInput样式,减少兼容样式代码 @uyarn (#1795)
- 补充 readonly 只读属性,@yaogengzhu (#1783)
🐞 Bug Fixes
Breadcrumb
: 修复文字省略样式失效的问题 @uyarn (#1781)Select
: 搜索修复模糊大小写 (fixed: #1786) @skytt (#1787)TagInput
: 修复autoWidth = true
时宽度跟随内容自适应失效的问题;修复标签超出滚动时,显示异常的问题。 @xiaosansiji (#1793)TreeSelect
: 修复单选模式打开下拉框右侧图标缺失的问题 @uyarn (#1795)Badge
: 修复count
无法通过插槽方式使用的问题 @uyarn (#1799)Form
: 修复 InputNumbermin = 0
的边界场景校验异常的问题 @yaogengzhu (#1772)DatePicker
: @HQ-Lin
详情见:https://github.com/Tencent/tdesign-vue/releases/tag/0.50.0
Vue3 for Web 发布 0.24.7
🚀 Features
Breadcrumb
: 新增icon
API @uyarn (#1998)Slider
: 修复slider
样式问题 (issue #237) @HQ-Lin (#2011)Button
: 新增suffix
API,支持需要为按钮配置文字后置图标的场景 @uyarn (#2018)CodeTip
: 增加编辑器代码提示 @chaishi (#2005)
🐞 Bug Fixes
ImageViewer
:Breadcrumb
: 修复文字省略样式失效的问题 @uyarn (#1998)InputNumber
:value
支持受控 @chaishi (#2002)Alert
: 修复内嵌link
时,hover
会导致alert
消失 @Lmmmmmm-bb (#2000)Table
: 修复EnhancedTable
树形结构,在编译后的运行过程中缺少实例方法(开发环境正常)问题 (issue#1999) @chaishi (#2004)Comment
: 修复comment
样式问题 @HQ-Lin (#2007)Select
: 修复筛选默认模糊大小写的功能(Tencent/tdeisng-vue#1787) @skytt (#2009)Watermark
: 修复异步获取watermark
content
,水印不更新的问题 @insekkei (#1997)PopConfirm
: 修复text
描述的颜色 @iLunZ (#2006)
详情见:https://github.com/Tencent/tdesign-vue-next/releases/tag/0.24.7
React for Web 发布 0.43.0
❗ Breaking Changes
Comment/Slider/ImageViewer
: 组件 DOM 结构调整,有覆盖样式的同学请关注 @HQ-Lin (#1785、#1794、#1788)- 部分组件间距、尺寸等样式统一调整,支持使用尺寸相关Design Token调整间距、尺寸大小 @uyarn (common #993) @Wen1kang (common #977)
🚀 Features
🐞 Bug Fixes
swiper
: swiper控制current交互和正常保持一致 @duenyang (#1693)Loading
: 处理loading在dialog等场景中样式异常的问题 @uyarn (#1694)Breadcrumbe
: 修复文字省略样式丢失的问题 @uyarn (#1702)popconfirm
: 修复官网demo气泡框描述文案字体颜色 @iLunZ (#1705)InputNumber
: 组件支持受控 @chaishi (#1703)Form
: 修复拦截 checkbox 默认值为 undefined 控制台警告问题 @HQ-Lin (#1682)popconfirm
: 修复官网demo气泡框描述文案字体颜色 @iLunZ (#1705)TreeSelect
:Tooltip
: 修复非受控问题 @HQ-Lin (#1712)
详情见:https://github.com/Tencent/tdesign-react/releases/tag/0.43.0
Miniprogram for WeChat 发布 0.26.0
❗ Breaking Changes
Textarea
: 调整 confirm-type 的默认值为 return @LeeJim (#1007)Navbar
: 移除 background 使用 CSS Variables 代替 @LeeJim (#1010)Navbar
: 属性 left-icon 更名为 left-arrow,只保留 Boolean 类型 @LeeJim (#1010)Navbar
: 移除 home-icon,新增名为 left 和 capsule 的插槽 @LeeJim (#1010)Navbar
: 移除 go-home 事件 @LeeJim (#1010)
🚀 Features
Button
: 视觉升级 @LeeJim (#993)Fab
: 视觉升级 @LeeJim (#995)Tag
: 视觉升级 @LeeJim (#997)Cell
: 视觉升级 @LeeJim (#1003)Grid
: 视觉升级 @LeeJim (#1006)Navbar
: 视觉升级 @LeeJim (#1010)Button
: 新增 light 主题 @LeeJim (#993)Tag
: 属性 size 新增 extra-large 加大尺寸 @LeeJim (#997)CheckTag
: 新增支持 variant 支持 4 种变体 @LeeJim (#997)NoticeBar
: 支持 prefixIcon 、theme 属性动态更新 @anlyyao (#999)CellGroup
: 新增 theme 属性,支持 card 风格 @LeeJim (#1003)Grid
: 新增 theme 属性,增加 card 风格 @LeeJim (#1006)Grid
: 新增 BadgeProps 属性,透传至徽章组件 @LeeJim (#1006)Grid
: 新增 icon 属性,支持传入图标 @LeeJim (#1006)Grid
: 支持当 column = 0 时,将不平分空间,支持滑动 @LeeJim (#1006)
🐞 Bug Fixes
Button
: 修复有主题的幽灵按钮颜色丢失的问题 @LeeJim (#993)NoticeBar
: 修复 content 动态更新时, 滚动动画计算错误。 @anlyyao (#999)TabBar
: 修复绝对定位时,宽度没有撑开的问题 @LeeJim (#1001)Cascader
: 修复异步获取 options 时,无法使用 value 初始化已选选项 @LeeJim (#1011)
详情见:https://github.com/Tencent/tdesign-miniprogram/releases/tag/0.26.0
Vue3 for Mobile 发布 0.14.1
🚧 Others
Badge
: 提升测试覆盖率 @anlyyao (#479)Progress
: 更新示例代码 @xxxlj (#472)BackTop
: 更新示例代码 @yuanmeda (#468)SwipeCell
: 更新示例代码 @wwlh200 (#473)PullDownRefresh
: 更新示例代码 @yuanmeda (#470)Button
: 更新示例代码 @TingShine (#475)CountDown
: 更新示例代码 @TingShine (#477)Image
: 更新示例代码 @TingShine (#478)Progress
: 更新示例代码 @xxxlj (#472)Loading
: 更新示例代码 @lockiechen (#481)
详情见:https://github.com/Tencent/tdesign-mobile-vue/releases/tag/0.14.1
解决方案及周边
TDesign Vue Next Starter 发布 0.5.5
🚀 Features
- 升级axios至1.0版本 by @dependabot in Tencent/tdesign-vue-next-starter#351
- 升级tdesign-vue-next至0.24版本 支持尺寸类Design Token 部分样式需调整 by @uyarn in Tencent/tdesign-vue-next-starter#355
🐞 Bug Fixes
- 修复导航布局
side
模式下小屏显示问题 by @dianjie in Tencent/tdesign-vue-next-starter#348
详情见:https://github.com/Tencent/tdesign-vue-next-starter/releases/tag/0.5.5
一线大厂高级前端编写,前端初中阶面试题,帮助初学者应聘,需要联系微信:javadudu