TDesign 更新周报（2022年4月第1周）

2022-04-06 19:57:40 浏览数 (1)

组件库

Vue2 for Web 发布 0.40.1 版

Bug Fixes

  • Table: 修复本地数据排序，异步加载数据时分页失效的问题

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

Vue2 for Web 发布 0.40.0 版

⚠️BREAKING CHANGES

  • Table: 表格行列拖拽排序功能重构，新用法请参考官网 demo
  • Form: label 为空时不再默认渲染宽度占位，需要手动设置样式保持表单对齐

Bug Fixes

  • Popconfirm: 修复确认框中按钮默认大小
  • Upload: 修复上传中状态文案
  • Popup: 修复 hideEmptyPopup 在动态改变内容时不生效的问题
  • Table: 修复合并单元格边框样式问题
  • Datepicker: 修复区间时间选择时，月份/年份选择面板样式异常的问题
  • 修复 Table/SelectInput/TagInput 按需引入时出现 composition-api 相关报错的问题

Features

  • Table: 支持外部设置当前显示列，新增 API displayColumns defaultDisplayColumns onDisplayColumnsChange

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

Vue2 for Web 发布 0.39.1 版

Bug Fixes

  • Upload:
    • 修复 success 事件先于 progress 事件触发时，上传文件 loadingFile 值不正确的问题
    • 修复最大数量限制 max 在多次文件选择中判断不正确的问题
  • Pagination: 修复跳转页输入框展示了额外 placeholder 默认内容的问题
  • TreeSelect:
    • 修复 treeProps 中同时传入 key、load 时选中项显示的问题
    • 修正 TreeSelect 的交互行为，与 Select 保持一致
    • 修复 filter 状态下，树无法折叠的问题；修复 lazy 状态下，无法正确展示 label 的问题
  • Table:
    • 修复虚拟滚动 threshold 引起的报错
  • 修复 TS 定义报错问题，非 Typescript 或 SSR 项目请尽快由 0.39.0 版本升级

Features

  • ConfigProvider: 完善语言配置能力
  • Table:
    • 表格超出省略浮层父元素更为表头 thead，避免挂载到全局 body
    • 过滤功能浮层元素默认挂载到 t-table，不再挂载到全局

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

Vue2 for Web 发布 0.39.0 版

⚠️BREAKING CHANGES

  • Table 组件使用 composition-api 重构
    • BaseTable HTML 结构变更，写过 CSS 样式覆盖的同学需注意更新样式
    • 表头更为使用 th 标签，之前为 td，不符合语义
    • 事件 row-db-click 更为 row-dblclick ，onRowDbClick 更为 rowDblclick
    • 事件 row-hover 更为 row-mouseover, onRowHover 更为 onRowMouseover（本没有 rowHover 事件）
    • CSS 类名 t-table__row-first-full-row 更为 t-table__first-full-row，t-table__row-last-full-row 更为 t-table__last-full-row

Bug Fixes

  • Affix: 修复 onFixedChange 触发时机，在固定状态发生变化时才会触发该事件（改动之前为：滚动一直触发）
  • Table:
    • 自定义列配置功能：多级表头和列显示配置同时存在时，无法进行正确的列配置的问题，列配置仅显示了第一层表头
    • verticalAlign 不生效问题
    • 右上角出现文字穿透问题
    • 固定表头和固定列，全部使用 CSS sticky 输出样式，组件仅渲染一个表格，表头和表内容 不再分开渲染输出。不仅支持 table-layout: fixed 模式，同时也支持 table-layout: auto 模式
    • 设置 tableLayout : auto ，maxHeight 显示异常
    • Table 组件 BaseTableCol 配置项 fixed 和 ellipsis(true) 属性共存导致fix阴影无法显示
    • 多级表头的表格 改变 children 的宽度无效
    • table 组件使用 PrimaryTable 控制台报错 t-primary-table 未注册
    • 表格组件设置 height 或 maxHeight 后未出现滚动条的时候竖线不对齐
    • 修复，排序图标和过滤图标同时存在时，样式异常问题

Features

  • Table:
    • 新增超出省略功能， ellipsis 支持透传 Popup 组件全部属性
    • 新增表尾合计行，支持固定在底部，支持多行合计，支持完全自定义内容
    • 新增 loadingProps 透传加载组件全部特性
    • 新增固定行（冻结行）
    • 支持虚拟滚动
    • 新增排序图标自定义，插槽 (slot='filterIcon') 和渲染函数 (props.filterIcon) 均可
    • 新增全局配置：过滤图标、空元素、异步加载文本配置、排序按钮文本配置
    • 新增 scroll 滚动事件
    • 新增表头吸顶功能
    • 新增综合功能：多级表头 固定表头 固定列 表头吸顶 虚拟滚动 自定义列配置

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

Vue3 for Web 发布 0.11.1 版

Bug Fixes

  • 重构 Tabs 为 Composition-api
  • 修复 Upload triggerupload 方法未导出
  • 修复 InputNumber 未注册 input 组件
  • 修复 CheckboxGroup disabled 属性无效
  • 修复 Input 的 type 传入无效
  • 修复 SelectInput Demo 样式
  • 修复 Pagination 跳转页输入框展示了额外 placeholder 默认内容

Features

  • 重构 TreeSelect 为 Composition-api
  • 重构 日历组件 为 Composition-api
  • 国际化配置迁移至 common

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

React for Web 发布 0.30.1 版

⚠️BREAKING CHANGES

  • Form: label 为空时不再默认渲染宽度占位，需要手动设置样式保持表单对齐

Bug Fixes

  • Pagination: 修复输入框宽显示问题
  • Datepicker: 修复区间选择时间，月份/年份选择时间类型异常的问题
  • InputNumber: 修复不能输入小数点问题
  • Popconfirm: 修复按需加载样式丢失问题
  • Select: 修复首次  focus 自动搜索问题 

Features

  • 标签：优化组件内部逻辑
  • FormItem: 支持自定义嵌套模式 & label 为空时不再处理占位对齐问题 
  • SelectInput:  borderless 和 autowidth 作为独立属性分开

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

Miniprogram for WeChat 发布 0.7.2 版

Bug Fixes

  • Search: 修复 submit 事件返回参数错误的问题
  • Toast: 修复最大宽度和文案没对齐的问题
  • Input: 修复设置 clearable，点击不清除内容的问题
  • Dialog: 修复 1px 边框在 iOS 上消失的问题
  • Swiper: 修复延迟设置地址时，显示不正常的问题
  • Button: 修复文案没有垂直居中的问题

Feature

  • Fab: 新增支持悬浮按钮
  • Drawer: 新增支持抽屉

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

Vue3 for Mobile 发布 0.8.1 版

Bug Fixes

  • count-down: 单位样式 bug 修复、倒计时加入 fps 获取
  • swiper: 快速滑动导致卡住问题
  • picker: 组件 demo 修复
  • swipe-cell: 修改组件示例，和 demo 保持一致

Feature

  • 支持历史版本跳转
  • dropdown-menu: 更新组件的模板类型处理

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

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

react vue.js github组件库 设计资源

0 人点赞