Skip to content

TDesign Weekly Release (Jan 2nd 2023)

Choose a tag to compare

@tdesign-helper tdesign-helper released this 12 Jan 07:00
· 382 commits to main since this release

组件库

Vue2 for Web 发布 1.0.4

🚀 Features

  • Select:
    • 支持全选 @skytt (#2009)
    • valueDisplay回调新增displayValue参数,用于设置minCollapsedNum的场景 @uyarn (#2013)
  • Radio: @chaishi (#2010)
    • 支持键盘事件:tab 键切换选项,enter 键选中
    • RadioGroup 支持 allowUncheck,issue#1693
  • Table: @chaishi (#2016)
    • 可编辑单元格,支持使用 col.edit.on 透传组件事件
    • 可编辑单元格,支持使用 validateTableData 校验处于编辑态的单元格
    • 可编辑单元格,单元格的值 cellValue 不再进行解构处理,tdesign-vue-next#2236
    • 新增 attach,用于统一设置超出省略浮层、筛选过滤下拉框等元素的挂载元素。如:attach={() => document.body}
  • Dialog: 组件实例方法从可选更为必须存在 @chaishi (#2026)

🐞 Bug Fixes

  • Dialog: 组件销毁前立即移除当前节点,不需要 setTimeout 等待时间 @chaishi (#2011)
  • Select: 修复子组件方式混合传入分组与单个选项时,可能导致顺序错乱、筛选结果有误的问题 @skytt (#2009)
  • Radio: 修复 RadioGroup 和 Radio 组合使用时,allowUncheck 无效问题 @chaishi (#2010)
  • Table:
    • 处理单击和双击事件冲突问题,避免双击的时候触发行选中或行展开,tdesign-vue-next#2218
    • 修复表格列动态设置插槽名,渲染无效的问题,issue#1982 @chaishi (#2016)
    • 修复表头吸顶,鼠标选中表格内容并拖动触发横向滚动时,鼠标移出表格区域,会出现表头错位的问题 @CaptainWang98 (#2024)
  • Dropdown: 修复三级及以上子菜单超出问题计算部分场景异常的问题 @uyarn (#2023)
  • TreeSelect: 修复选项文案过长样式的异常 @uyarn (#2023)
  • Space: 修复组件 size 类型定义问题 @chaishi (#2026)

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

Vue3 for Web 发布 1.0.3

🚀 Features

  • Table:
    • 可编辑单元格,支持使用 col.edit.on 透传组件事件 @chaishi (#2256)
    • 可编辑单元格,支持使用 validateTableData 校验处于编辑态的单元格 @chaishi (#2256)
    • 可编辑单元格,单元格的值 cellValue 不再进行解构处理,#2236 @chaishi (#2256)
    • 新增 attach,用于统一设置超出省略浮层、筛选过滤下拉框等元素的挂载元素。如:attach={() => document.body} @chaishi (#2256)
  • Radio:
  • Select: valueDisplay回调新增displayValue参数,用于设置minCollapsedNum的场景 @uyarn (#2243)
  • Local: 增加阿拉伯语言包 @PengYYYYY (#2240)

🐞 Bug Fixes

  • Dialog:
  • Dropdown: 修复三级及以上子菜单超出问题计算部分场景异常的问题 @uyarn (#2252)
  • TreeSelect: 修复选项文案过程样式的异常 @uyarn (#2252)
  • Tooltip:
  • Table: 处理单击和双击事件冲突问题,避免双击的时候触发行选中或行展开,#2218 @chaishi (#2256)
  • Image: 修复首次设置图片显示错误后动态修改 src 值图片无法显示问题 @sechi747 (#2259)
  • Swiper: 循环播放导航指示标显示问题 (issue #2245) @wenkeming (#2257)
  • Volar: 完善 volar 代码提示文件 @code2933 (#2262)
  • Select: 修复 value 不在 options 时不显示值 (issue #2266) @Aicmortal (#2267)

🚧 Others

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

React for Web 发布 0.45.3

🚀 Features

  • Radio:
    • 新增键盘事件支持,tab 键切换选项,enter 键选中 @chaishi (#1865)
    • Radio.Group 新增 allowUncheck,支持取消选中(Radio. allowUncheck 本身已支持) @chaishi (#1865)
    • onClick 参数由 (e: MouseEvent) 调整为 ({ e: MouseEvent }) @chaishi (#1865)

🐞 Bug Fixes

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

Miniprogram for WeChat 发布 0.34.0

❗ Breaking Changes

  • Avatar: 优化类名,符合 BEM 规范 @LeeJim (#1441)
  • Button: 优化类名,符合 BEM 规范 @anlyyao (#1352)
  • Input: 移除 size 属性 @anlyyao (#1381)
  • Input: 属性 borderless 默认值变更为 false @anlyyao (#1381)
  • Avatar: 将 avatar-group 的路径调整为 tdesign-miniprogram/avatar-group/avatar-group @LeeJim (#1452)
  • Collapse: 将 collapse-panel 的路径调整为 tdesign-miniprogram/collapse-panel/collapse-panel @LeeJim (#1453)
  • DropdownMenu: 将 dropdown-item 的路径调整为 tdesign-miniprogram/dropdown-item/dropdown-item @LeeJim (#1454)
  • Picker: 将 picker-item 的路径调整为 tdesign-miniprogram/picker-item/picker-item @LeeJim (#1455)
  • Steps: 将 step-item 的路径调整为 tdesign-miniprogram/step-item/step-item @LeeJim (#1456)
  • Swiper: 将 swiper-nav 的路径调整为 tdesign-miniprogram/swiper-nav/swiper-nav @LeeJim (#1457)
  • Grid: 将 grid-item 的路径调整为 tdesign-miniprogram/grid-item/grid-item @LeeJim (#1459)
  • TabBar: 将 tab-bar-item 的路径调整为 tdesign-miniprogram/tab-bar-item/tab-bar-item @LeeJim (#1460)
  • Tabs: 将 tab-panel 的路径调整为 tdesign-miniprogram/tab-panel/tab-panel @LeeJim (#1462)
  • Tag: 将 check-tag 的路径调整为 tdesign-miniprogram/check-tag/check-tag @LeeJim (#1466)

🚀 Features

  • ActionSheet: 支持透传 image 至 Grid 组件 @LeeJim (#1382)
  • Swiper: 属性 navigation 支持 boolean,默认值为 true @LeeJim (#1387)
  • SwiperNav: 新增属性用于单独控制 @LeeJim (#1387)
  • Indexes: 增加 change 事件 @LeeJim (#1403)
  • Indexes: 修复视觉问题 @LeeJim (#1403)
  • Swiper: 新增 image-props 属性 @LeeJim (#1411)
  • Button: 新增部分 CSS Variables @anlyyao (#1407)
  • Swiper: 增加 click 事件 @LeeJim (#1420)
  • PullDownRefresh: 新增 scroll 事件 @LeeJim (#1424)
  • BackTop: 放置 pull-down-refresh 内部时,将会滚动该容器到顶部 @LeeJim (#1424)
  • Swiper: 增加 click 事件 @LeeJim (#1435)
  • Collapse: 新增 placmen 属性,支持内容面板在上方 @LeeJim (#1446)
  • Calendar: 新增 auto-close 属性,以及 close 事件 @LeeJim (#1448)
  • Textarea: 补充 cursor、disableDefaultPadding、showConfirmBar、 selection-Start、 selectionEnd、holdKeyboard 等属性 @anlyyao (#1463)
  • Textarea: 补充 keyboardheightchange 事件 @anlyyao (#1463)

🐞 Bug Fixes

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

解决方案及周边

TDesign Vue Starter 发布 0.6.0

❗ Breaking Change

  • 移除所有内置主题色相关代码,全部通过 tvision-color 计算获取,调整颜色相关方法的目录结构 @uyarn #218

🚀 Features

  • 支持任意颜色作为初始化主题颜色 @uyarn #218
  • 升级 tvision-color 至1.5.0 使用新的getColorGradations方法,修正部分选择的过曝主题色 @uyarn #218

🐞 Bug Fixes

  • 修复自定义颜色切换明亮暗黑模式时无法沿用的缺陷 @uyarn #218

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