TDesign 更新周报(2022年6月第3周)

2022-06-20 17:41:21 浏览数 (1)

组件库

Vue2 for Web 发布 0.42.1

Features

  • Form:
    • 实例方法 reset 支持重置指定字段,新增参数 { type:'initial' | 'empty', fields:number[] }
    • 实例方法 validate 支持值校验而不显示每个组件的错误信息文本,新增参数 { showErrorMessage }
    • FormItem 支持自定义 help 内容,插槽和渲染函数均可
    • 新增纯净的校验方法 validateOnly,专门用作校验,不带任何副作用
    • 修复TagInput 组件按下 Enter 时触发 submit 事件,不再触发
  • Dialog:优化动画初始位置

Bug Fixes

  • Table:
    • 修复 table 透传 loading size 为枚举无效的问题
    • 优化吸顶和吸底的位置,支持带有 offsetBottom 和 offsetTop 特性的位置定位
  • Select:
    • 修复 t-option 异步加载问题
    • 修复分组为空未展示分组名称的问题
    • 优化虚拟滚动示例、修复 pagination 分页数量宽度问题
  • Dialog:
    • 修复普通对话框不脱离文档流的问题
    • 修复点击对话框后对话框会隐藏问题
    • 修复 modeless 模式下背景样式点击透传的问题
    • 修复 attach 挂载 showInAttachedElement 定位问题

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

Vue3 for Web 发布 0.16.0

Breaking Changes

  • Select:基于 selectInput 重构组件 , 并使用 CompositionAPI 重构组件逻辑, 增加相关 API,存在不兼容更新
  • DatePicker:重构 DatePicker 为 compositionAPI,全新的UI样式及交互,移除 range api,分别导出 Datepicker 与 DateRangePicker,存在不兼容更新
  • TimePicker:重构TimePicker为 compositionAPI,全新的UI样式及交互,disableTime API 有所调整, 调整交互为点击确认按钮保留改动, 直接关闭弹窗不保留改动恢复初始值,存在不兼容更新

Features

  • Table:筛选对话框输入筛选内容之后按回车应该和按确定按钮一样
  • Table:筛选功能支持自定义组件方式,示例:columns:[{ filter:{ component:DatePicker, props:{} } }]
  • Table:拖拽排序事件,新增参数 data 和 newData,分别表示变更前后的数据
  • popup:支持动态设置 trigger & placement
  • InputAdornment:新增 input-adornment 组件
  • TreeSelect:增加 autoWidth borderless API
  • Select:增加 select 的键盘选中交互
  • Pagination:增加pageEllipsisMode API, 用于配置页码数量超出时,首尾省略模式
  • Skeleton:增加 delay API 用于延迟加载
  • TimePickerPanel :新增 TimePickerPanel 组件用于单独使用面板的场景, 新增 disableTime、onFocus、onBlur、onInput 等API
  • Datepicker:增加 allowInput api, 新增 DatePickerPanel 与 DateRangePickerPanel 单独使用支持年份、月份区间选择

Bug Fixes

  • popup:修复初始化 visible 为 true 时的定位抖动
  • Slider:修复 inputNumberProps 无法支持 readonly、tips 等 api 配置问题(#941)
  • DatePicker:enable-time-picker 状态下,prefixIcon 不起作用
  • Datepicker:修复 datepicker separator 日期分隔符属性失效问题
  • table:合并单元格支持动态数据
  • Table:修复 Table 透传 loading size 为枚举无效的问题
  • Select:修复透传 inputProps 参数无效
  • switch:修复 slots.label 参数无效
  • TreeSelect:优化过滤状态下的输入框交互,修复 selectInput 参数透传数据响应问题
  • Cascader:修复下拉面板宽度问题
  • Form:修复调用实例方法 reset 添加参数无效
  • Form:修复调用实例方法 submit 后 onSubmit 回调函数参数 e 为 undefined 的问题
  • CheckBox:修复二次封装多选框组件插槽定义选项失效
  • Upload:修复图片列表模式存在图片列表的情况下,拖拽图片会触发浏览器默认打开图片行为
  • Slider:修复 slider 数字输入框初始化重复渲染问题
  • DatePicker:enable-time-picker 状态下,prefixIcon 不起作用

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

React for Web 发布 0.35.1

Features

  • table: 支持拖拽调整宽度,设置 resizable=true 即可
  • table: 表头吸顶、表尾吸底、滚动条吸底、分页器吸底
  • DatePicker: 完善 panel 事件逻辑

Bug Fixes

  • table: 修复table透传 loading size 为枚举无效的问题
  • Select: option子组件没有透传 style 实现的问题
  • table: 支持动态数据合并单元格
  • table: 吸顶表头和自定义显示列场景,支持列拖拽调整顺序
  • table: 修复 firstFullRow 存在时,拖拽排序的顺序不正确问题
  • timepicker: 修复初始化滚动问题
  • Select: 修复 minCollapsedNum 无效问题
  • Skeleton: 修复 ts 类型问题
  • Tabs: 修复左右切换渲染问题
  • Dialog: 修复 mask 关闭问题

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

Miniprogram for WeChat 发布 0.13.2

Features

  • DropdownMenu: 单选的情况下,选择之后直接关闭

Bug Fixes

  • Dialog: 修复取消按钮传递 Object 显示不正确的问题
  • Checkbox: 修复外部样式类无法使用的问题

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

Miniprogram for QQ 发布 0.0.2

  • 适配 QQ 小程序版本的组件库发布 0.0.2 版本已上线官网,目前处于 alpha 阶段,欢迎访问官网试用

设计资源

Figma for Web 发布 1.2.1

Features

  • icon:新增 rollfront 图标、新增设计示例使用图标 move/leftRight/upDown/text/not-allowed
  • font:新增字体样式 token

Bug Fixes

  • Form:修复绝对定位对齐问题和间距过大问题
  • Alert:修复样式层级和圆角问题
  • Tooltip:修复圆角使用问题
  • Dialog:修复圆角使用问题

详情见:https://www.figma.com/community/file/1053279236128724321/TDesign-for-web

解决方案及周边

TDesign Vue Next Starter 发布 0.3.4

Features

  • 升级组件库依赖至0.16.0,datepicker、dialog组件的使用请参考改动

Bug Fixes

  • 修复退出登录之后重新登陆新增了空Tab的缺陷
  • 修复切换多标签Tab页时的告警问题

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

更多更新查看:https://tdesign.tencent.com/about/release

0 人点赞