TDesign Weekly Release (May 3rd 2022)
·
186 commits
to main
since this release
组件库
Vue2 for Web 发布 0.41.5
🌈 Features
Form
:支持help
配置的表单项说明内容与错误提示同时展示,未配置help
时不再默认占位Table
:- 树形结构,支持默认展开全部,
tree.defaultExpandAll
- 树形结构,支持自由控制展开全部,或收起全部
expandAll()
foldAll()
- 树形结构,支持拖拽排序,调整同层级顺序
- 树形结构,支持在当前节点之前插入新节点
insertBefore
- 树形结构,支持在当后节点之后插入新节点
insertAfter
- 树形结构,支持默认展开全部,
Tree
:label
支持多行文本展示
🐞 Bug Fixes
Table
:列拖动优化;修复选中行后列拖动距离被重置问题Table
:修复 多级表头 + 列配置 综合示例中,列数量超出一定限制时报错Transfer
:修复列表数量变化时的页码展示问题Input
:修复clear
触发后的focus
, 修复外部传入onMouseenter
,onMouseleave
,onwheel
事件导致组件内对应方法未执行的问题TreeSelect
:修复未支持 treeProps.keys.children 字段配置的问题Menu
:修复expandType=popup
时箭头方向展示错误的问题Menu
:修复width
不支持数组类型的问题
详情见:https://github.com/Tencent/tdesign-vue/releases/tag/0.41.5
Vue3 for Web 发布 0.15.0
❗ Breaking Changes
Cascader
:基于select-input
组件重构,文本过长省略使用原生title
展示全文本,不再使用tooltip
,存在不兼容更新
🌈 Features
Form
:支持help
配置的表单项说明内容与错误提示同时展示,未配置help
时不再默认占位Table
:树形结构,支持默认展开全部,tree.defaultExpandAll
Table
:树形结构,支持自由控制展开全部,或收起全部expandAll()
foldAll()
Table
:树形结构,支持拖拽排序,调整同层级顺序Table
:树形结构,支持在当后节点之后插入新节点insertAfter
Cascader
:增加popupVisible
,readonly
,selectInputProps
,onPopupVisibleChange
属性,具体描述查看文档nuxt
:修复在nuxt3中的适配问题,可参考案例 tdesign-vue-next-nuxt-starterTabs
:添加拖拽功能Anchor
:增加 demo 演示功能
🐞 Bug Fixes
Table
:修复在 ssr 环境中的兼容Transfer
:修复对 pagination 组件的引用报错Swiper
:slot 执行位置不对,导致vue警告Steps
:修复readonly
不起作用的问题Slider
:修复slider
组件onChange
事件 init 阶段被意外触发问题Popup
:增加zIndex
apiPopup
:修复设置destroyOnClose
后可能出现的异常抖动Table
:拖拽排序,修复参数为undefined
问题Table
:使用 header-affixed-top 时,异步下不能动态更新列Menu
:修复 expanded 不受控的问题Cascader
:修复第二级菜单点击后无法展示第三级菜单Cascader
:修复组件可以同时打开多个Cascader
:修复filterable
不支持忽略大小写, 优化过滤状态交互CheckboxGroup
:修复响应式丢失的问题Transfer
:异步赋值 checked 不生效Menu
:修复 width 不生效的问题Menu
:修复暗色模式的 PopupMenu
:修复 Popup 无法正常展示的问题Menu
:修复 expand-type 不生效的问题Form
:修复number
规则校验不生效的问题Form
:修复组件实例方法setValidateMessage
缺失的问题Form
:修复FormItem
的showErrorMessage
属性失效的问题Form
:修复触发方式blur
不生效的问题Form
:修复传入的字段值为undefined
的时候不会更新双向绑定值Switch
:修复disabled
状态下仍然可以点击TreeSelect
:修复placeholder
传入无效
详情见:https://github.com/Tencent/tdesign-vue-next/releases/tag/0.15.0
React for Web 发布 0.34.0
❗ Breaking Changes
DatePicker
:onChange 回调第二个参数调整为对象,支持更多类型返回值,存在不兼容更新Form
:不再默认渲染help
空节点
🌈 Features
Form
:FormList
支持手动赋值Form
:支持help
节点与错误提示同时展示,无help
不再默认占位DatePicker
:支持onChange
返回trigger
参数定位事件触发源 & 单选模式支持onPick
事件Watermark
:新增水印watermark
组件Calendar
:新增month
、year
APITree
:label
支持多行文本
🐞 Bug Fixes
Table
:修复异步加载数据时,分页非受控展示错误行数的问题TimePicker
:修复TimePicker
展开宽度问题
🚧 Others
- 统一全局受控 hooks & 优化组件初始值设置
详情见:https://github.com/Tencent/tdesign-vue-next/releases/tag/0.34.0
设计资源
Figma for Web 发布 1.2.0
🎉 所有组件针对 Figma 全新功能特性升级,欢迎使用体验
1. Auto layout 4.0 自动布局全新升级
- 布局更新绝对定位,减少使用空画板
- 负间距,头像折叠更智能
- 排列顺序,表单内容展开更智能
- 填充内容超出省略显示
2. Individual Strokes 更新描边定位
- 单选按钮、选项卡等描边组件更合理
- 拒绝使用阴影作为分割线,更新所有组件描边定位
❗Breaking Changes
1. 性能优化,减少隐藏元素,使用更流畅
Table
:重构表格嵌套关系Input
:重构输入框嵌套关系Menu
:重构导航菜单嵌套关系Dropdown
:重构下拉菜单嵌套关系
2. Color style 色彩样式层级和命名修改
3. Radius 圆角支持多级使用(待主题配置器升级,逐步更新)
详情见:https://www.figma.com/community/file/1053279236128724321/TDesign-for-web