Skip to content

TDesign Weekly Release (Aug 3rd 2022)

Choose a tag to compare

View all tags
@tdesign-helper tdesign-helper released this 17 Aug 09:14
· 396 commits to main since this release
v2022.8.17
957e721
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.0

❗ Breaking Changes

  • Popup: overlayStyle 调整为控制 t-popup 层级，新增 overlayInnerStyle 控制 t-popup__content 层级与原先 overlayStyle 效果一致，存在不兼容更新
  • Input/InputNumber: 错误文本提示，不再占普通用文档流；内置的 input 组件 ref 名称由 refInputElem 更为 inputRef，存在不兼容更新

🌈 Features

  • Table:
    • footerSummary 支持通过 Props 属性传入
    • 可编辑行功能，校验函数 validateRowData 和 validateTableData 返回值支持 Promise 对象
  • Datepicker:
    • 区间选择器结束时间调整为默认展示当天最后一秒
    • 支持季度国际化配置
  • ConfigProvider: 支持通过ConfigProvider修改全部组件的classPrefix
  • Selectinput: disabled 状态下自动禁止 clearable 功能
  • InputNumber:
    • 支持超过 16 位的大数
    • 支持 decimal 和 format 组合使用，即 format 新增第二个参数小数点格式化之后的值，方便大数场景应用
    • 新增事件 onValidate，当数值超过最大值或小于最小值时触发，可用于显示错误提示文本
    • 错误提示文本区域支持左侧对齐和输入框对齐两种方式
    • 修复在输入数值不满足条件时，没有触发 onChange 事件问题；修复计算过程中的精度问题
  • Link: 新增 Link 链接组件
  • Icon: 新增 qq、wechat、wecom、relativity 和 pin-filled 等图标

🐞 Bug Fixes

  • Table:
    • 可编辑单元格，多选和日期选择，点击下拉浮层中的内容会导致退出编辑
    • 宽度计算函数添加注释
  • Popup: 修复嵌套使用点击 trigger 元素时异常关闭
  • Datepicker: 修复时间面板展示错误
  • umd: 修复 umd 版本的使用问题，具体使用方式请参考浏览器引入相关文档说明
  • Tree: 修复expandOnClickNode点击展开与checkbox点击选中的冲突问题
  • ColorPicker: 修复切换模式卡死问题; 修复 panel 下模式 change 事件无法触发的问题
  • DatePicker:
    • 修复输入框有值时面板切换失效问题
    • 修复 suffixIcon slot 写法失效问题

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

Vue3 for Web 发布 0.20.1

❗ Breaking Changes

  • Popup: overlayStyle 调整为控制 t-popup 层级，新增 overlayInnerStyle 控制 t-popup__content 层级与原先 overlayStyle 效果一致 ，存在不兼容更新

🌈 Features

  • Popup: 新增 overlayInnerClassName 支持设置浮层内容样式名
  • Icon: 新增qq、wechat、wecom、relativity和pin-filled等图标
  • Table: 可编辑行功能，校验函数 validateRowData 和 validateTableData 返回值支持 Promise 对象
  • Table: 增加 footerSummary 到 props
  • DatePicker: 支持季度国际化配置
  • Link: 新增 Link 组件

🐞 Bug Fixes

  • Menu: 修复下拉样式问题
  • DatePicker: 修复有值时面板切换失效问题
  • Table: 可编辑单元格，多选和日期选择，点击下拉浮层中的内容会导致退出编辑
  • DatePicker: 修复下拉样式问题
  • Menu: 修复在 nuxt3 里面鼠标悬浮或者点击子菜单不出现 元素代码里面出现一瞬间就消失了
  • Menu: t-menu-item 大于 8 个将会溢出
  • Tabs: 修复 Tabs 选项卡在 nuxt3 ssr 应用中报错 window is not defined
  • Table: 列宽度和小于表宽的情况下，调整列宽的结果与预期不符
  • SelectInput: 修复属性 props.readonly = true 或 props.allowInput = false 时，仍会调用 onBlur 的问题
  • SelectInput: 修复当 readonly 或 disabled 属性为 true 、表单禁用时， clearable 按钮可以点击的问题
  • SelectInput: 修复同时开启 readonly 和 allowInput 属性时，可以输入的问题
  • SelectInput: 修复在 Form 组件中使用禁用态表单不生效的问题
  • Select: 修复属性 props.readonly = true 或 props.filterable = false 时，仍会调用 onBlur 的问题 Select: 修复当 readonly 或 disabled 属性为 true 、表单禁用时， clearable 按钮可以点击的问题
  • Select: 修复同时开启 readonly 和 filterable 属性时，可以输入的问题
  • Input: 修复在表单禁用时， clearable 按钮可以点击的问题
  • Cascader: 修复在表单禁用时， clearable 按钮可以点击的问题
  • Table: 宽度计算函数添加注释
  • Popup: 修复嵌套使用点击 trigger 元素时异常关闭
  • Transfer: 穿梭框 checked 和 value 的值不在 data 时会报错
  • Upload: size-limit 使用 MB 以上单位时校验错误
  • Dialog: 对话框 footer 不显示情况下，body padding 与 dialog padding 冲突
  • Tree: 组件实例方法 setItem 参数错误
  • SelectInput: 外部传入 style 无法透传到 Input
  • InputNumber: 修复无法触发 onEnter 方法
  • Table: 列宽度和小于表宽的情况下，调整列宽的结果与预期不符
  • Nuxt3: 修复因 nuxt3 将 global 作为关键词，编译为 globalThis 导致的组件运行错误

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

React for Web 发布 0.40.0

❗ Breaking Changes

  • Popup : 重构了该组件，修复了较多问题，存在不兼容更新
    • 不再生成 div 节点包裹 trigger 元素，className、style 属性废弃，可自行包裹 div 节点调整 className、style 属性。
    • overlayStyle 调整为控制 t-popup 层级，新增 overlayInnerStyle 控制 t-popup__content 层级与原先 overlayStyle 效果一致。
    • overlayClassName 调整为控制 t-popup 层级。

🌈 Features

  • Image: 新增 Image 组件
  • Link: 新增 Link 组件
  • Table:
    • 支持使用插槽 footer-summary 定义通栏表尾，同时支持同名属性 Props footer-summary 渲染通栏表尾
    • 由于表格支持定义多行表尾，因而本次支持使用 rowspanAndColspanInFooter 定义表尾行数据合并单元格，使用方法同 rowspanAndColspan
    • 支持 min-width 透传到元素 <col>
    • 新增 cellEmptyContent，当列数据为空时显示指定值
    • 可编辑行功能，新增实例方法 validate，支持校验表格内的全部数据
  • DatePicker:
    • 支持季度国际化配置
    • 支持滚动年份选择器自动加载更多年份
  • InputNumber: 重构组件，支持16 位大数字
  • Icon: 新增 qq、wechat、wecom、relativity 和 pin-filled 等图标
  • Message: 支持 config api
  • Form: FormItem 支持 status、tips 自定义控制校验状态及提示信息

🐞 Bug Fixes

  • Table:
    • 行选中会触发重置列宽调整的结果
    • 可编辑行功能，提交校验时只校验了第一列
    • 列配置功能，带边框模式，移除分页组件边框下方多余的边框
    • 列宽度和小于表宽的情况下，调整列宽的结果与预期不符
  • Cascader: 修复点击清除按钮无法一次性清空所有选项
  • Select: 修复autoWidth在multiple模式下失效的问题
  • Tabs: 修复动态渲染 panel 下划线丢失问题
  • Popup: 修复函数组件未透传 ref 导致气泡失效问题

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

Miniprogram for WeChat 发布 0.19.1

🌈 Features

  • Upload: 新增 click 事件

🐞 Bug Fixes

  • Tag: 修复 click 事件不生效
  • Tag: 修复行内元素基线对齐不正确
  • Grid: 修复垂直布局时间，align 无效
  • Tag: 修复 disabled 为true时，closable 无效的问题
  • Tag: 修复 maxWidth 输入为字符时，宽度计算错误问题
  • Upload: 修复自定义上传没有关联成功/失败状态
  • Swiper: 修复动态修改 swiper-item 时，视图响应不正确问题
  • Tabs: 修复垂直布局时，内容区域不正确

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

Vue3 for Mobile 发布 0.10.2

🌈 Features

  • ImageViewer: 新增 maxZoom、closeBtn、onClose 属性
  • ImageViewer: 新增 close 事件
  • Swiper: 新增 paginationPosition 属性

🐞 Bug Fixes

  • Textarea: 修复onchange事件会执行两次的问题
  • Image: 修复 src 变更没有重新渲染的问题

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

解决方案及周边

TDesign Vue Starter 发布 0.4.0

❗ Breaking Changes

  • 统一组件使用SFC(*.vue)编写，存在不兼容更新
  • 统一组件以PascalCase规范命名，存在不兼容更新

🌈 Features

  • 升级组件库版本至0.45+ 组件圆角有所改动，支持字体配置

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

Assets 2
Loading