TDesign 更新周报（2022年5月第3周）

组件库

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-starter
• Tabs：添加拖拽功能
• Anchor：增加 demo 演示功能 🐞 Bug Fixes
• Table：修复在 ssr 环境中的兼容
• Transfer：修复对 pagination 组件的引用报错
• Swiper：slot 执行位置不对，导致vue警告
• Steps：修复 readonly 不起作用的问题
• Slider：修复 slider 组件 onChange 事件 init 阶段被意外触发问题
• Popup：增加zIndex api
• Popup：修复设置 destroyOnClose 后可能出现的异常抖动
• Table：拖拽排序，修复参数为 undefined 问题
• Table：使用 header-affixed-top 时，异步下不能动态更新列
• Menu：修复 expanded 不受控的问题
• Cascader：修复第二级菜单点击后无法展示第三级菜单
• Cascader：修复组件可以同时打开多个
• Cascader：修复 filterable 不支持忽略大小写, 优化过滤状态交互
• CheckboxGroup：修复响应式丢失的问题
• Transfer：异步赋值 checked 不生效
• Menu：修复 width 不生效的问题
• Menu：修复暗色模式的 Popup
• Menu：修复 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 API
• Tree：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

更多更新查看：https://tdesign.tencent.com/about/release