Skip to content

TDesign Weekly Release (Aug 4th 2022)
Compare
Choose a tag to compare
@xiaosansiji xiaosansiji released this 24 Aug 06:56
· 157 commits to main since this release
v2022.8.24
b406a36
This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
GPG key ID: 4AEE18F83AFDEB23
Expired
Verified
Learn about vigilant mode.

组件库

Vue2 for Web 发布 0.46.2

🌈 Features

  • Table:
    • 支持行拖拽排序和列拖拽排序同时存在
    • 可编辑单元格/行功能，新增 editableCellState 用于控制单元格是否可编辑
    • 可编辑单元格/行功能，新增 edit.defaultEditable 用于设置初始状态是否为编辑态
    • 行展开功能，新增事件参数 currentRowData，表示当前展开行
    • 多级表头的拖拽排序，表头的任意层级调整影响较大，需求面较小，完善拖拽事件参数，业务侧根据参数自由调整自己想要的表头关系
  • Select:
    • 远程搜索场景增加 label 回显能力
    • 调整loading态显示优先于empty属性
  • Dialog:
    • 支持回车键确认弹框，onConfirm 事件参数 e 或为键盘事件
    • 支持多个弹框同时存在时，通过 ESC 键盘逐个关闭
    • confirmBtn 支持数据类型 null
  • Collapse/Comment/Cascader: 组件样式优化
  • Upload: locale API 支持upload组件全部文案的配置

🐞 Bug Fixes

  • Drawer: 修复拖拽改变抽屉高度时可超出屏幕的问题
  • Table:
    • 修复可编辑行，联动数据校验问题
    • 允许在表头分割线一定范围内触发列宽调整逻辑
    • 修复行选中功能，多选，分页数据异步加载，onSelectChange 参数 selectedRowData 数据不完整问题
  • Cascader:
    • 修复异步获取 options 后的懒加载无效
    • 修复 value 不是 options 的健值会报错的问题
  • Menu: 修复侧边栏弹出子菜单宽度计算错误的问题
  • Drawer: 修复拖拽改变抽屉高度时可超出屏幕的问题
  • upload:
    • 修复displayFileList slot失效的问题
    • 修复theme为file时，onRemove回调没有返回file的问题
    • 修复theme为file，删除文案不可配置的问题

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

Vue3 for Web 发布 0.20.2

🌈 Features

  • Table:
    • 支持行拖拽排序和列拖拽排序同时存在
    • 行展开功能，新增事件参数 currentRowData，表示当前展开行
    • 可编辑单元格/行功能，新增 editableCellState 用于控制单元格是否可编辑
    • 可编辑单元格/行功能，新增 edit.defaultEditable 用于设置初始状态是否为编辑态
  • Select:
    • 支持开启虚拟滚动处理大量数据的场景
    • 调整 loading 态显示优先于 empty 属性
  • InputNumber: 支持超过 16 位的大数字
  • ConfigProvider: 支持自定义全局 icon
  • Rate: 新增 rate 组件
  • Dialog: 增加弹窗回车事件 API

🐞 Bug Fixes

  • Table:
    • 修复吸顶表头，末尾有 1px 未对齐
    • 修复窗口变化时，固定列阴影未更新问题
    • 修复行选中功能，多选，分页数据异步加载，onSelectChange 参数 selectedRowData 数 据不完整问题，表示当前展开行
    • 修复可编辑行，联动数据校验问题
  • Tree:
    • tree 可选时 onActive 失效
    • 修正 setItem 无法正确 展开，高亮，选中节点
  • Cascader:
    • 修复异步获取 options 后的懒加载无效
    • 修复 value 不是 options 的健值会报错
  • InputNumber: 修复数字精度问题
  • Transfer: Transfer 与 Tree 结合使用时，当 children 为空数组时，应当展示父节点
  • Drawer: 修复拖拽改变抽屉高度时可超出屏幕的问题
  • Tabs: 修复 card 主题下 onDragSort 的 targetIndex 参数不正确的问题
  • Breadcrumb: 修复了设置disabled属性后仍触发点击事件的问题
  • DaterPicker: 调整默认展示时间为 00:00:00
  • Slider: 修复 Slider 输入框无法输入 0 问题

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

React for Web 发布 0.40.4

🌈 Features

  • Table:
    • BaseTable 新增组件实例方法 refreshTable，用于父组件在特殊场景刷新表格 DOM 信息
    • PrimaryTable 新增 BaseTable 的全部组件实例方法
    • 支持行拖拽排序和列拖拽排序同时存在
    • 可编辑单元格/行功能，新增 editableCellState 用于控制单元格是否可编辑
    • 可编辑单元格/行功能，新增 edit.defaultEditable 用于设置初始状态是否为编辑态
    • 行展开功能，新增事件参数 currentRowData，表示当前展开行
  • Dialog: 新增 confirmOnEnter API
  • Popup: 支持 overlayInnerClassName API
  • Timeline: 新增 Timeline 组件

🐞 Bug Fixes

  • Table:
    • 吸顶表头，最后一列有 1px 未对齐
    • 窗口变动时，固定列阴影效果更新
    • 修复可编辑行，联动数据校验问题
    • 修复行选中功能，多选，分页数据异步加载，onSelectChange 参数 selectedRowData 数据不完整问题
  • Textarea:
    • 修复 maxlength safari 浏览器兼容性问题
    • 修复 maxcharactor 设置后中文拼音无法输入问题
    • 修复出现在 dialog 无法 autosize 问题
    • 修正 emoji 字符长度计算
  • Cascader: 修复 value 不是 options 的健值会报错
  • Input: 修正 emoji 字符长度计算

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

Miniprogram for WeChat 发布 0.19.2

🌈 Features

  • Badge: 新增单元测试
  • Input: 新增单元测试
  • Textarea: 新增单元测试
  • Stepper: 新增单元测试
  • Divider: 新增单元测试
  • Result: 新增单元测试
  • Progress: strokeWidth 支持字符类型
  • Progress: 更新测试用例
  • Rate: 新增单元测试
  • ImageViewer: 更新 demo 示例图片
  • Rate: 新增单元测试

🐞 Bug Fixes

  • Badge: 修复 showZero && offset 无单位情况
  • Popup: 修复 zIndex 无效问题
  • ImageViewer: 修复图片宽高都小于屏幕宽高时的拉伸问题

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

Vue3 for Mobile 发布 0.10.4

🌈 Features

  • Search: 内嵌 input 组件 type 调整为 search
  • Drawer: 新增 closeOnOverlayClick 属性
  • Popup: 新增 closeOnOverlayClick 属性

🐞 Bug Fixes

  • Dialog: 修复 demo 示例弹窗不显示问题
  • Slider: 修复滑块滑到最左侧时，左侧文本被遮挡
  • Search: 修复传入默认值后需要点击才显示的问题
  • Search: 修复不触发 focus 事件的问题
  • PulldownRefresh: 修复下拉时偶尔失效的问题
  • List: 修复list组件滚动无法触发scroll的问题

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

设计资源

Figma for Web 发布 1.2.3

❗ Breaking Changes

  • Tree：item 项 padding 修改
  • Transfer：item 项 padding 修改，控制器按钮修改为描边按钮
  • Slider：bar 把手增加阴影样式
  • Tooltips：成功、告警、错误主题样式修改
  • Pagination：跳转页面输入框修改为后置标签输入框
  • Button：幽灵按钮 disabled 态修改

🎉 All New Figma Template！

  • 全局基础组件合并 TDesign for web 变体版本，功能样式状态均支持可配置能力，对齐设计正式版本；
  • 对各个模块进行了 Auto Layout 设定，方便用户在 Figma 中快速使用页面模板进行设计 ；
  • 对图层命名进行了规范性的梳理，与正式版 TDesign 视觉规范对齐 ；
  • 对之前版本进行了整体走查，修改已知问题，优化细节体验；

🌈 Features

  • Icon：新增 relativity/pin-filled/logo-wecom/logo-wechat/logo-qq 图标
  • Component：新增 Link 链接组件
  • Button：新增修改图标 properties instance

🐞 Bug Fixes

  • Select：修改 checkbox 引用组件错误问题
  • Collapse：修改折叠图标使用错误问题
  • Menu：修改折叠菜单栏位置问题
  • Dialog：修复 closeBtn 位置问题

Sketch for Web 发布 1.1.0

❗ Breaking Changes

  • 更新了Sketch支持版本为89；并走查现有组件，修改已知问题，优化细节体验；

🌈 Features

  • 新增【Avatar 头像】组件、【Skeleton 骨架屏】、【Comment 评论】、【Rate 评分】，完善了组件库模块，满足更多使用场景；
  • 【Dropdown 下拉菜单】【Menu 导航菜单】【Pagination分页】【Cascader 级联选择器】【DatePicker 日期选择器】【Select 选择器】【TimePicker 时间选择器】【Tag 标签】均对齐 TDesign 桌面端正式版视觉规范，并从基础样式库、组件库的底层控件进行了梳理、补充和调试。方便用户调用和切换组件的不同状态和模式，使组件库更加的完整和易用。

Axure for Web 发布 1.1.0

🌈 Features

  • 新增【表单_中继器】组件，支持使用中继器功能快速搭建表单，支持输入框、选择器、单选框、多选框、开关、多行文本框、选择日期、上传文件等表单元素；
  • 新增【步骤条_中继器】组件，设计了横向、纵向两种步骤条样式，支持使用中继器功能快速搭建步骤条；
  • 新增【动态组件库】组件，涵盖了单选框、复选框、开关、选择器、下拉菜单、Tab选项卡、Table、轮播图、折叠面板，方便用户快速输出可交互动态原型图；

🐞 Bug Fixes

  • 补齐缺失组件，升级组件样式，与最新版 TDesign 设计规范对齐
  • 全面走查现有静态组件，修改已知问题，优化细节体验

解决方案及周边

TDesign Starter CLI 发布 0.3.0

🌈 Features

  • 新增 Lite 版本模板下载，只包含基本的 TDesign 引入及使用

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

Assets 2
Loading