Skip to content

TDesign Weekly Release (April 2nd 2022)
Compare
Choose a tag to compare
@tdesign-helper tdesign-helper released this 11 Apr 08:13
· 192 commits to main since this release
v2022.4.10
219cb7f

组件库

Vue2 for Web 发布 0.40.2

🐞 Bug Fixes

  • Form：修复 FormItem slot label 未正常占位的问题
  • Slider： 修复设置 inputnumberProps 属性无效的问题
  • Upload：
    • 修复 remove、selectChange 时间回调异常的问题
    • 修复取消上传逻辑异常

🌈 Features

  • Popup： content 尺寸变化后自动更新位置
  • Slider： label 为 function 时新增 value 和 position 参数
  • Upload：
    • 支持自定义上传文件列表
    • 列表型上传支持展示 errorMessage
  • Checkbox： onChange 事件新增参数 option 表示当前操作对象，current 表示当前操作对象的 value
  • Table：
    • 表格拖拽排序支持完全受控用法
    • 列配置功能，onColumnChange 事件新增参数 e 和 currentColumn
    • 列配置功能，新增 buttonProps，用于支持完全自定义「列配置按钮」风格和内容
    • 列配置功能，新增 placement，用于控制「列配置按钮 」相对于表格组件的位置，可选值：左上角、右上角、左下角、右下角
    • 列配置功能，新增控制列配置弹窗显示或隐藏属性 columnControllerVisible 和 onColumnControllerVisibleChange，将主要应用于完全需要自定义列配置按钮的业务场景
    • BaseTable/Primary/Table/EnhancedTable 新增 bottomContent，用于设置表格底部内容
    • 修复当数据量过少时，过滤浮层被隐藏的问题，修复 Safari 浏览器无法显示省略浮层问题
    • 树形结构中，新增 toggleExpandData，用于控制行展开
    • 树形结构中，无法获取到正确的 rowKey 时，抛出错误，提醒用户修改
    • table-layout： fixed 模式，且内容超出时，设置默认列宽为 100，避免出现列宽为 0 消失的情况
    • 即使没有行选中列，依然支持 selectedRowKeys 添加类名
    • 行选中和行类名透传，同时存在时，自定义行类名透传失效问题
    • 修复 tfoot>tr 类名透传失效问题

详情见：https://github.com/Tencent/tdesign-vue/releases/tag/0.40.2

Vue3 for Web 发布 0.12.0

⚠️BREAKING CHANGES

  • 重构 Table 为 Composition API，存在不兼容更新
    • BaseTable HTML 结构变更，写过 CSS 样式覆盖的同学需注意更新样式。由之前的两个 table 分别渲染 thead 和 tbody，更为一个 table
    • 行拖拽排序功能，使用方法有调整，从 sortOnRowDraggable 更为 dragSort='col'
    • 表头更为使用 th 标签，之前为 td，不符合语义
    • 事件 row-db-click 更为 row-dblclick ，onRowDbClick 更为 rowDblclick
    • 事件 row-hover 更为 row-mouseover, onRowHover 更为 onRowMouseover
    • CSS 类名 t-table__row-first-full-row 更为 t-table__first-full-row，t-table__row-last-full-row 更为 t-table__last-full-row

🐞 Bug Fixes

  • 修复 configProvider 警告 和 globalConfig 数据响应式问题
  • 修复 Input type=password 时 autocomplete 警告 以及 toggle password 问题
  • 修复 Checkbox Group 插槽形式 disabled 属性没有生效
  • 修复 Upload 中 triggerUpload 方法未正确导出 和 自定义拖拽上传 demo 中 “点击上传” 按钮无效 修复 Slider inputNumberProps 未正常透传
  • 修复 Affix onFixedChange 触发时机，在固定状态发生变化时才会触发该事件（改动之前为：滚动一直触发）
  • 修复 Table 的 若干 Bug

🌈 Features

  • 新增 Collapse 组件，使用 Composition api
  • 新增 Message 的 fadeIn and fadeOut animation
  • 新增 color-picker 渐变预览，改进最近使用色交互
  • 新增 Table 特性
    • 排序交互变更：排序方式支持点击直接排序
    • 优化表格最后一列 ellipsis 浮层位置底部右对齐
    • 新增超出省略功能， ellipsis 支持透传 Popup 组件全部属性
    • 新增表尾合计行，支持固定在底部，支持多行合计，支持完全自定义内容
    • 新增 loadingProps 透传加载组件全部特性
    • 新增固定行（冻结行）
    • 新增排序图标自定义，插槽 (slot='filterIcon') 和渲染函数 (props.filterIcon) 均可
    • 新增全局配置：过滤图标、空元素、异步加载文本配置、排序按钮文本配置
    • 新增 scroll 滚动事件
    • 新增表头吸顶功能
    • 新增综合功能：多级表头 + 固定表头 + 固定列 + 表头吸顶 + 虚拟滚动 + 自定义列配置
    • 过滤功能，条件为真时，高亮筛选图标
    • 新增列拖拽排序功能，通过拖拽手柄调整表格排序

详情见：https://github.com/Tencent/tdesign-vue-next/releases/tag/0.12.0

React for Web 发布 0.30.2

🐞 Bug Fixes

  • Cascader： 修复定制数据字段别名 label 不展示问题
  • Form： 兼容 FormItem 单独使用报错问题
  • Table：
    • 修复 table 高度问题
    • 修复 table className ts 类型丢失
  • Upload： 修复多图片上传时 defaultFiles 造成上传进度错误
  • Slider： 兼容不传 value 场景

🌈 Features

  • Breadcrumb： 增加自定义 children 时对 separator 的支持
  • Popconfirm： 调整组件导出命名

详情见：https://github.com/Tencent/tdesign-react/releases/tag/0.30.2

Miniprogram for WeChat 发布 0.7.3

🐞 Bug Fixes

  • Cell： 修复传入 String 类型的 right-icon 不生效的问题
  • Tabs： 属性 label 支持 slot
  • Dialog： 完善 close 事件返回的参数
  • 受控优化：支持不传值时默认为非受控用法

🌈 Features

  • 新增组件：
    • Collapse 折叠面板
    • Progress 进度条
  • Picker： 新增属性 header 以及 header 和 footer 的插槽
  • DateTimePicker： 新增属性 header 以及 header 和 footer 的插槽

详情见：https://github.com/Tencent/tdesign-miniprogram/releases/tag/0.7.3

Vue3 for Mobile 发布 0.8.2

🐞 Bug Fixes

  • tabs： label 支持动态修改，以及新增支持 slot 的方式
  • popup： 修复 teleport 失效问题

详情见：https://github.com/Tencent/tdesign-mobile-vue/releases/tag/0.8.2

解决方案及周边

TDesign Vue Starter 发布 0.1.5

🌈 Features

  • 多标签 Tab 页增加持久化功能
  • 内置全局配置组件，支持全局多语言及属性的配置

详情见：https://github.com/Tencent/tdesign-vue-starter/releases/tag/0.1.5

TDesign Vue Next Starter 发布 0.2.2

🐞 Bug Fixes

  • 修复图表文字颜色异常
  • 修复 mock roles 模块错误

🌈 Features

  • 支持多标签页支持持久化
  • 升级组件库依赖 tdesign-vue-next 至 0.11 版本

详情见：https://github.com/Tencent/tdesign-vue-next-starter/releases/tag/0.2.2

TDesign React Starter 发布 0.1.2

🐞 Bug Fixes

  • 修复构建产物丢失 CSS Token 的问题
  • 修复图表文字重叠的问题 

详情见：https://github.com/Tencent/tdesign-react-starter/releases/tag/0.1.2

Assets 2
Loading