正文

腾讯企业级设计体系 TDesign 发布 2023.06 第三周更新

admin
admin V管理员 /0 评论 /297 阅读
0621
此篇文章发布距今已超过669天，您需要注意文章的内容或图片是否可用！

TDesign 是一款诞生于腾讯内部、拥有完整的设计价值观和视觉风格指南的企业级设计体系，同时提供了丰富的设计资源，在设计体系基础上产出基于 Vue、React、小程序等业界主流技术栈的组件库解决方案，适合用于构建设计统一 / 多端覆盖 / 跨技术栈的企业级前端应用。

目前，TDesign 发布了 2023 年 6 月的第三周更新，以下为各组件的新特性介绍（Bug fix 等内容请点击链接查看详情）：

组件库

Vue2 for Web 发布 1.4.4

🐞 Bug Fixes

  • Drawer: 修复 destroyOnClose 不符合预期问题 (#2517)
  • TextArea: 修复设置 value 值后 autosize 自适应失效的问题  (#2527)
  • Swiper: 修复 navigation 插槽失效的问题  (#2514)
  • Table: 减少斑马纹样式影响范围，避免自定义元素被自定义  (common#1415)
  • Menu: 侧边导航超长时，不再隐藏滚动条，防止鼠标操作环境下不能拖动滚动条的问题 (common#1416)

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

Vue3 for Web 发布 1.3.8

🐞 Bug Fixes

  • ColorPicker:
    • 初始化为渐变模式时 支持空字符串作为初始值  (#2996)
    • 修复 recentColors 等字段的类型问题 (#2996)
    • 修复内部下拉选项未透传 popupProps 的缺陷  (#2996)
  • Select: 修复使用tagName作为key时控制台出现告警的问题  (#2980)
  • Upload: ts 类型修复  (#2990)
  • Table: 本地数据排序，修复初始排序无效问题 (#2999)
  • TextArea: 修复不能响应设置 value 值后 autosize 自适应失效的问题 (#3002)
  • Guide: 切换时按钮出现动画 (#2997)
  • Swiper: 修复 navigation 插槽失效的问题 (#3003)

🚧 Others

  • Dropdown: 新增带图标的下拉菜单示例  (#2995)
  • Table: 修复文档缺失吸顶表头示例代码问题，issue#2764  (#2999)

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

React for Web 发布 1.1.11

🐞 Bug Fixes

  • Table:
    • 可拖拽调整列宽场景，修复 resizable=false 无效问题，默认值为 false  (#2297)
    • 本地数据排序场景，修复异步拉取数据时，取消排序数据会导致空列表问题  (#2297)
    • 修复固定表格 + 固定列 + 虚拟滚动场景，表头不对齐问题，issue#2126  (#2297)
    • 可编辑单元格/可编辑行场景，修复数据始终校验上一个值问题，调整为校验最新输入值，issue#2219 @(#2297)
    • 修复本地数据排序，多字段排序场景，示例代码缺失问题，issue#1966 (#2297)
  • ColorPicker:
    • 初始化为渐变模式时 支持空字符串作为初始值  (#2301)
    • 修复 recentColors 等字段的类型问题  (#2301)
    • 修复内部下拉选项未透传 popupProps 的缺陷  (#2301)

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

Miniprogram for WeChat 发布 1.1.10

🚀 Features

  • Tabs: 新增 split 属性  (#2113)
  • NoticeBar: 新增 interval 属性  (#2097)

🐞 Bug Fixes

  • Grid: 修复 align='left' 无效的问题  (#2110)
  • Fab: 修复 buttonProps 中的 hoverClass属性透传至 button 无效  (#2093)
  • Upload: 修复图片尺寸超出的问题  (#2098)
  • Slider: 修复使用 max 之后刻度展示错误的问题  (#2114)
  • Input: 修复 type='number' 时，value=0 无效的问题 (#2108)
  • Slider: 修复异步展示时导致刻度渲染错误的问题  (#2115)
  • ActionSheet: 修复点击 disabled 的选项仍触发 close、visible-change 事件  (#2117)
  • Stepper: 保证值发生变化才触发 change 事件 (#2118)

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

Vue3 for Mobile 发布 0.26.0

❗ Breaking Changes

  • NavBar: 调整布局方式  (#871)

🚀 Features

  • Textarea: 新增 layout 属性  (#879)
  • Input: 新增 borderless 属性  (#877)
  • Button: 增加幽灵按钮的点击样式  (#883)
  • Rate: 增加组件禁用态样式  (#887)
  • Table: 新增 loadingProps 属性  (#884)

🐞 Bug Fixes

  • DateTimePicker: 修复 value 无法动态响应的问题  (#869)
  • DateTimePicker: 修复 mode 使用时分秒时错误的问题  (#869)
  • Grid: 修复组件上下边距及水平滚动时字号错误 (#867)
  • Loading: 修复示例样式问题  (#866)
  • Slider: 修复 change 事件重复触发的问题  (#864)
  • ActionSheet: 修复 items 项数小于 count 时，selected 事件返回值错误  (#870)
  • Textarea: 修复 label 标签字号错误  (#879)
  • Input: 修复禁用态输入框文本颜色错误  (#877)
  • Input: 修复垂直布局时 label 下边距错误  (#877)
  • Input: 修复示例样式问题  (#877)
  • Form: 修复 FormRule 中 type 属性无效的问题  (#876)
  • Form: 修复 expose 中的 submit 和 reset 事件报错  (#876)
  • Form: 修复文档 labelWidth 属性默认值错误  (#876)
  • Radio: 修复 placement 错误的问题  (#882)
  • Table: 修复边框和字号错误  (#880)
  • Button: 移除禁用态的点击样式  (#883)
  • SideBar: 修复示例错误  (#886)
  • Image: 修复 error 默认值失效  (#885)
  • Table: 修复 loading 属性无效的问题  (#884)

🚧 Others

  • fix: 优化多个示例页面切换问题  (#890)
  • DateTimePicker: 提升测试覆盖率  (#869)
  • Slider: 提升测试覆盖率  (#864)
  • ActionSheet: 补充测试用例  (#870)
  • Dialog: 补充测试用例  (#872)
  • Cascader: 补充测试用例  (#874)
  • Tabs: 补充测试用例  (#822)
  • Form: 补充测试用例  (#876)
  • Table: 更新示例  (#880)
  • ImageViewer: 补充测试用例  (#861)
  • DropdownMenu: 补充测试用例  (#868)
  • Tabs: 提升测试覆盖率 (#865)
  • Image: 更新示例代码  (#885)
  • Form: 更新示例代码  (#887)
  • Indexes: 补充测试用例  (#881)
  • Table: 补充单元测试  (#884)
  • Tabs: 补充测试用例  (#822)

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

 

ZhouSa.com