Skip to content

TDesign Weekly Release (May 3rd 2022)

Compare
Choose a tag to compare
@tdesign-helper tdesign-helper released this 23 May 06:57
· 186 commits to main since this release
1f6f074

组件库

Vue2 for Web 发布 0.41.5

🌈 Features

  • Form:支持 help 配置的表单项说明内容与错误提示同时展示,未配置 help 时不再默认占位
  • Table
    • 树形结构,支持默认展开全部,tree.defaultExpandAll
    • 树形结构,支持自由控制展开全部,或收起全部 expandAll() foldAll()
    • 树形结构,支持拖拽排序,调整同层级顺序
    • 树形结构,支持在当前节点之前插入新节点 insertBefore
    • 树形结构,支持在当后节点之后插入新节点 insertAfter
  • Treelabel 支持多行文本展示

🐞 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:修复 FormItemshowErrorMessage 属性失效的问题
  • 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

  • FormFormList 支持手动赋值
  • Form:支持 help 节点与错误提示同时展示,无 help 不再默认占位
  • DatePicker:支持 onChange 返回 trigger 参数定位事件触发源 & 单选模式支持 onPick 事件
  • Watermark:新增水印watermark组件
  • Calendar:新增 monthyear API
  • Treelabel 支持多行文本

🐞 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