09 May 09:32

tdesign-helper

04b4423

TDesign Weekly Release (May 1st 2022)

组件库

Vue2 for Web 发布 0.41.2

🌈Features

Table：新增 APIellipsisTitle 用于单独控制表头的超出省略
Tooltip：placement新增mouse枚举值，用于支持基于鼠标位置定位

🐞BugFixes

Table：
- 修复默认情况，表尾吸底显示与否计算遗漏的问题
- 修复加载状态会导致拖拽排序失效的问题
- 修复表格sorter：true且ellipsis：true时样式冲突问题
- TS类型TableColumns[0]在严格模式下的使用问题
Table：renderExpandedRow改为非必填
全局配置：修复animation属性exclude和include在TS中都必填的问题
Datepicker：修复weekday英文翻译的顺序问题

🚧Others

Table：TS 类型全部移入 interface.ts 文件中，并导出
Calendar：对value属性功能进行修正，新增month和year属性，用于控制日历面板展示所属年/月。
官网：上线组件livedemo能力，请访问Button组件文档体验

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

Vue2 for Web 发布 0.41.1

🌈Features

Message：增加全局配置默认值能力
Pagination：新增showFirstAndLastPageBtn、showPreviousAndNextBtn、showPageSize、showPageNumber属性
Table：
- 支持表尾吸底及表尾滚动条吸底
- 支持表格列可以拖拽宽度

🐞BugFixes

Form：修复 help 文本样式问题
Dialog：修复dialog初始化时滚动穿透问题
Table：表头吸顶时，table元素宽度修正，之前为直接等于外层宽度，不合理
Table：修复斑马纹stripe和固定表头同时存在时，样式问题
DatePicker：修复DatePicker点击快捷选择日期按钮左边面板日期时间不联动
防止VueCompositionAPI重复注册

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

Vue3 for Web 发布 0.14.1

🌈Features

Table：新增APIellipsisTitle用于单独控制表头的超出省略

🐞BugFixes

Loading：使用attach的情况下，loading 设置为false，无法隐藏半透明蒙层
Table：加载状态 loading 会导致拖拽排序失效的问题
Table：TS类型TableColumns[0]在严格模式下的使用问题
Menu：使用t-submenutemplate #icon 无效的问题
Menu：修复expandMutex无法动态更新
Input：修复onChange触发两次
Tabs：修复add方法点击报错
Textarea：修复autofocus参数更新无法聚焦
Select：修复在结合option使用下的render告警
Slider：将marks属性更改为响应性属性，并内部修复marks刻度节点点击事件无效问题
Dropdown：修复下拉菜单点击后报错
Menu：使用t-submenutemplate#icon无效的问题

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

Vue3 for Web 发布 0.14.0

❗BreakingChanges

Popup：去除reference包裹元素，存在不兼容更新

🌈Features

Pagination：新增showFirstAndLastPageBtn、showPreviousAndNextBtnapi
Pagination：新增showPageSize、showPageNumberAPI
Calendar：日历组件修正value属性，新增了month和year属性

🐞BugFixes

Dialog：修复alert类型错误
Form：修复help节点状态问题
Transfer：修复选择无效和搜索无效
DataPicker：data-picker增加apply事件
Input：修复input组件clearable问题
TreeSelect：修复右侧箭头状态与清除回掉
Input：修复suffix渲染问题
Input：修复input组件clearable问题

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

React for Web 发布 0.32.3

🌈Features

Table：新增APIellipsisTitle用于单独控制表头的超出省略
Upload：修改uploadFiles类型参数除 url 外为非必填

🐞BugFixes

slider：修复slider在非受控模式下行为异常
Table：加载状态与拖拽配合使用时，拖拽功能失效
Card：修复未添加header属性，Card组件布局错误
Card：头部渲染逻辑不完善的问题缺失了status的渲染
Table：renderExpandedRow改为非必填
Card：修复未添加header属性，Card组件布局错误
InputNumber：修复小数输入问题

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

React for Web 发布 0.32.2

🌈Features

Collapse：新增Collapse组件
Pagination：
- 新增showPageSize、showPageNumberAPI
- 新增showFirstAndLastBtnapi
InputNumber：完善尺寸类型
Tooltip：支持plcement="mouse"基于鼠标位置

🐞BugFixes

Table：
- 修复getBoundingClientRect在jsdom环境为null问题
- 修复loading状态文案问题
Datepicker：修复空数组确定事件报错问题
Dialog：修复组件销毁后body样式不重置问题&移除多余div渲染
Textarea：修复在Form组件下换行问题
Colorpicker：修复Popupprops透传问题
Form：修复help文案状态响应样式问题
Upload：修复onDrop事件不响应问题

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

Miniprogram for WeChat 发布 0.11.0

❗BreakingChanges

Tabs：不再支持slot类型的label，存在不兼容更新

🐞BugFixes

Picker：修复滑动延迟的问题
Avatar：修复图标大小不随尺寸变化的问题
Tabbar：修复样式告警问题
修复样式告警问题：
- ActionSheet
- ImageViewer
- Picker
- Steps

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

Miniprogram for WeChat 发布 0.10.0

❗BreakingChanges

Picker：子组件名称从t-picker-column改成t-picker-item，存在不兼容更新
DateTimePicker：value从非受控改成受控，存在不兼容更新

🌈Features

Overlay：新增遮罩层组件
ImageViewer：新增图片预览组件
Tabs：新增click事件
Grid：新增defaultslot
Loading：新增inheritColor属性，加载标志的颜色继承外部
Toast：新增遮罩层，通过showOverlay和overlayProps控制

🐞BugFixes

Drawer：修复items标题无法显示的问题
PullDownRefresh：修复无法使用的问题
Toast：更正Loading标志的颜色
DateTimePicker：修复defaultValue无法使用的问题

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

Vue3 for Mobile 发布 0.8.5

🌈Features

Icon：完善组件文档

🐞BugFixes

Indexes：暂时从菜单栏中移除
Picker：修复组件 demo 点击取消,无法收起蒙层问题
DateTimePicker：修复组件传参错误问题、修复组件无法触发 change 事件问题
Textarea：修复组件类名错误问题

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

设计资源

Figma for Web 发布 1.1.0

🔥 Variants 版本来了

所有组件均可使用使用Variants进行配置，并且针对不同开发框架APIProps一一对应，欢迎各角色同学使用体验，多提建议。

🌈Features

Menu样式全新升级，布局更合理，视觉更平衡
Dropdown样式全新升级，优化间距和展开样式
Select样式全新升级，信息更紧凑
Cascader样式全新升级，信息更紧凑
DatePicker样式全新升级，交互更合理，信息更紧凑
TimePicker样式全新升级，信息更紧凑
Tag样式全新升级，主题更全面，类型更丰富
新增Rate和Collapse组件（新组件variants将逐步迭代）
示例页全新升级，支持链接跳转至不同框架

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

解决方案及周边

TDesign React Starter 发布 0.1.3

🌈Features

升级组件库依赖至0.32+ 版本，替换使用Card组件

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

TDesign Vue Starter 发布 0.2.0

🌈Features

新增三级菜单示例代码
升级组件库依赖至 0.41+ 版本，替换全部卡片样式为卡片组件减少重复代码量
调整图表相关代码目录结构，图表部分代码调整至所在 Page 内，减少各页面模块的耦合
调整表格相关代码及展示，增加吸顶功能展示、去除minWidth的使用等

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

TDesign Vue Next Starter 发布 0.3.0

🌈Features

优化菜单选中判断逻辑
升级组件库依赖至0.14+ 版本，替换全部 Card 为 t-card卡片组件，减少重复代码实现
调整图表相关代码目录结构，图表部分代码调整至所在 Page 内，减少各页面模块的耦合
调整表格相关代码及展示，增加吸顶功能展示、去除minWidth的使用等

🐞BugFixes

修复分步表单页底部居中问题
修复顶部菜单栏下拉菜单与表单层级问题

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

小程序上架微信开发者工具

官方通用小程序 demo 和智慧零售模板均已上架微信开发者工具，可以在创建项目时选择使用

Assets 2

25 Apr 08:45

tdesign-helper

v2022.4.24

219cb7f

TDesign Weekly Release (April 4th 2022)

组件库

Vue2 for Web 发布 0.41.0

⚠️BREAKING CHANGES

Table：拖拽排序修改为 drag=sort 表示列拖拽排序，drag=row 表示行拖拽排序，drag=row-handler 表示行手柄列拖拽排序。如果您使用了drag="col" 来实现行拖拽排序，请更为使用 drag="row-handler"。存在不兼容更新

🐞 Bug Fixes

Table：
- 修复 SSR 场景下使用报错的问题
- 修复表头吸顶时不对齐的问题
- 按需引入 Button 组件，避免业务按需引入 Table 组件时出现组件不存在报错的问题
- 修复无法使用插槽自定义过滤图标的问题
- 解决 TdBaseTableProps 和 TdPrimaryTableProps 关于 onCellClick 的 TS 类型冲突
Alert：修复 ts 类型错误
Cascader：
- 修复可过滤状态下的下拉面板拉起闪烁的问题
- 修复可过滤状态下的输入内容未被正常销毁的问题
Transfer：修复 Transfer 设置 targetSort 后未按预期展示的问题
ConfigProvider：修复 ConfigProvider 组件导出错误的问题
TreeSelect：
- 修复 value 为数字 0 时，不渲染 label 的问题
- 修复 onBlur 和 onClear 触发时，不会清除 filter function 的问题

🌈 Features

Select：去掉选中和下拉项中的 title 属性
Table：支持树形结构展示，行展开或收起时触发 onTreeExpandChange 事件
Collapse：新增 Collapse 折叠面板组件，使用请参照官网
Tree：
- Tree 组件实现嵌套结构渲染能力
- 部分属性改为不让 Vue 监听，一定程度上提升组件性能，减少对外部组件交互性能的影响

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

Vue3 for Web 发布 0.12.2

🐞 Bug Fixes

Transfer 修复设置 targetSort 后未按预期展示的问题
Anchor：修复 click 事件参数不正确
修复 slider 引起的产物报错

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

Vue3 for Web 发布 0.13.0

⚠️BREAKING CHANGES

Table：拖拽排序，drag=sort 表示列拖拽排序，drag=row 表示行拖拽排序，drag=row-handler 表示行手柄列拖拽排序。如果您使用了 drag="col" 来实现行拖拽排序，请更为使用 drag="row-handler"。存在不兼容更新

🐞 Bug Fixes

Drawer：修复 header 属性无效问题
Textarea：修复在设置自动高度后，赋值后不高度不改变的问题
DatePicker：修复当传入值为非日期格式的情况页面卡死的问题
Transfer：修复设置 targetSort 后未按预期展示的问题
TreeSelect：
- 修复 value 渲染异常问题
- 修复组件在多选时无 v-model 展示异常问题
Upload：
- 修复上传失败状态流转问题
- 修复上传文件尺寸限制计算问题
Table：
- 多级表头和列配置功能混合使用时，表格宽度渲染不正确问题
- 表头吸顶，不对齐问题
- 列配置功能，按需引入 Button 组件。避免业务按需引入 Table 组件时，出现组件不存在错误
- 无法使用插槽自定义过滤图标
- 修复 TdBaseTableProps 和 TdPrimaryTableProps 关于 onCellClick 的 TS 类型冲突
- 单选，报错 e.stopPropagation is not a function
- 单选和多选触发了不应该触发的 onChange 事件

🌈 Features

Table：
- 支持简易列拖拽排序
- 树形结构，行展开或收起时，触发事件 onTreeExpandChange
Checkbox：使用 compositionAPI 重构
Breadcrumb：使用 compositionAPI 重构

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

React for Web 发布 0.32.0

⚠️BREAKING CHANGES

Table：重构 table 组件, 样式结构有所变动，存在不兼容更新

🐞 Bug Fixes

Select：
- 修复多选+可搜索条件下输入问题
- 修复 multiple 模式删除问题
Progress：修复 trackColor 默认值导致背景色显示错误问题
Dialog：修复 destroyOnClose 为 true 时 visible 失效问题
Layout：修复 ts 类型警告
table：修复 pagination 数据同步问题

🌈 Features

Card：新增 Card 组件
ColorPicker：新增 ColorPicker 组件
Table：重构 table 组件, 修复众多问题
Divider：优化文本模式在竖型模式下样式问题

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

Miniprogram for WeChat 发布 0.9.0

⚠️BREAKING CHANGES

Steps：子组件名称从 t-step 改成 t-step-item

🐞 Bug Fixes

Checkbox：优化渲染性能
Switch：修复无法选择的问题

🌈 Features

ActionSheet：新增动作面板组件
NoticeBar：新增公告栏组件

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

解决方案及周边

TDesign Starter CLI 发布 0.2.1

🌈 Features

支持 React 解决方案分页面功能下载

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

官网

TDesign-React 官网

支持组件 live demo 预览

详情见：https://tdesign.tencent.com/react/components/button

Assets 2

18 Apr 07:40

tdesign-helper

v2022.4.17

219cb7f

TDesign Weekly Release (April 3rd 2022)

组件库

Vue2 for Web 发布 0.40.3

🐞 Bug Fixes

Timepicker：修复手动清空 value 时异常的问题
Textarea：修复输入数字零时显示异常的问题
Menu：修复局部注册组件时报错的问题
Select：修复可过滤的选择器提前换行的问题

🌈 Features

Form：默认渲染 extra DOM 节点
Dialog：新增 showInAttachedElement API 用于控制是否仅在挂载元素中显示弹窗
Card：新增卡片组件
Swiper：新增轮播框组件

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

React for Web 发布 0.31.0

⚠️BREAKING CHANGES

FormItem 样式调整，默认渲染 extra 文本节点占位，FormItem 上下 margin 有所调整，存在不兼容更新
Popconfirm：移除 PopConfirm 组件导出，请更改为 Popconfirm

🐞 Bug Fixes

Cascader：
- 修复 filterable 模式下展示异常
- 修复多选与筛选时文本过长的展示异常
Popup：
- 修复初始化翻转逻辑判断错误
- 修复嵌套浮层 click 时关闭异常
- 修复 trigger 元素变化后展示异常
Slider：修复 max 数值过大浏览器崩溃问题
Breadcrumb：修复面包屑初始样式被覆盖问题
GlobalConfig：修复 ts 类型问题
Menu：修复 MenuGroup 嵌套时样式问题
Select：修复输入事件异常
Dialog：修复 destory 函数未真正销毁组件问题

🌈 Features

Form：新增动态表单能力，可使用 FormList 组件管理表单项
Popconfirm：移除 PopConfirm 组件导出，请更改为 Popconfirm
Popup：支持 attach 函数传入 triggerNode

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

Miniprogram for WeChat 发布 0.8.0

⚠️BREAKING CHANGES

CheckboxGroup： change 事件返回的 value 将会过滤非 checkbox 的值，存在不兼容更新

🐞 Bug Fixes

Steps：修复子步骤条不支持 status 的问题
Picker：修复出现空白的取消和确认按钮
Swiper：修复点击误触发翻页问题
Radio：修复 label 错误的渲染位置
Checkbox：修复 label 错误的渲染位置
Textarea：
- 修复缺失的 label 插槽
- 修复传入 adjust-position 不生效的问题
Transition：修复动画过程中触发 leave 会导致界面卡死的问题

🌈 Features

DropdownMenu：新增下拉菜单组件
Radio：新增 borderless 属性
Checkbox：
- 新增 borderless 属性
- 新增 theme 属性，添加 tag 类型，默认值为 default
CheckboxGroup：新增 customStyle 属性，透传 style 至根元素

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

Vue3 for Mobile 发布 0.8.4

🐞 Bug Fixes

Swiper：修复动态绑定时出错问题
List：修复组件 demo 代码运行出错的问题
Input： compositionend 优化

🌈 Features

Tabs：新增 stickyProps，支持滚动到顶部时自动吸顶
PullDownRefresh： loadingBarHeight 属性支持 string 类型，代码优化

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

设计资源

Figma 桌面端页面模板发布 1.0.1

🔥 TDesign Starter 基础版已发布

提供适用于中后台多种场景的 Figma 页面模板设计文件

详情见：https://tdesign.tencent.com/source

Assets 2

11 Apr 08:13

tdesign-helper

v2022.4.10

219cb7f

TDesign Weekly Release (April 2nd 2022)

组件库

Vue2 for Web 发布 0.40.2

🐞 Bug Fixes

Form：修复 FormItem slot label 未正常占位的问题
Slider：修复设置 inputnumberProps 属性无效的问题
Upload：
- 修复 remove、selectChange 时间回调异常的问题
- 修复取消上传逻辑异常

🌈 Features

Popup： content 尺寸变化后自动更新位置
Slider： label 为 function 时新增 value 和 position 参数
Upload：
- 支持自定义上传文件列表
- 列表型上传支持展示 errorMessage
Checkbox： onChange 事件新增参数 option 表示当前操作对象，current 表示当前操作对象的 value
Table：
- 表格拖拽排序支持完全受控用法
- 列配置功能，onColumnChange 事件新增参数 e 和 currentColumn
- 列配置功能，新增 buttonProps，用于支持完全自定义「列配置按钮」风格和内容
- 列配置功能，新增 placement，用于控制「列配置按钮」相对于表格组件的位置，可选值：左上角、右上角、左下角、右下角
- 列配置功能，新增控制列配置弹窗显示或隐藏属性 columnControllerVisible 和 onColumnControllerVisibleChange，将主要应用于完全需要自定义列配置按钮的业务场景
- BaseTable/Primary/Table/EnhancedTable 新增 bottomContent，用于设置表格底部内容
- 修复当数据量过少时，过滤浮层被隐藏的问题，修复 Safari 浏览器无法显示省略浮层问题
- 树形结构中，新增 toggleExpandData，用于控制行展开
- 树形结构中，无法获取到正确的 rowKey 时，抛出错误，提醒用户修改
- table-layout： fixed 模式，且内容超出时，设置默认列宽为 100，避免出现列宽为 0 消失的情况
- 即使没有行选中列，依然支持 selectedRowKeys 添加类名
- 行选中和行类名透传，同时存在时，自定义行类名透传失效问题
- 修复 tfoot>tr 类名透传失效问题

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

Vue3 for Web 发布 0.12.0

⚠️BREAKING CHANGES

重构 Table 为 Composition API，存在不兼容更新
- BaseTable HTML 结构变更，写过 CSS 样式覆盖的同学需注意更新样式。由之前的两个 table 分别渲染 thead 和 tbody，更为一个 table
- 行拖拽排序功能，使用方法有调整，从 sortOnRowDraggable 更为 dragSort='col'
- 表头更为使用 th 标签，之前为 td，不符合语义
- 事件 row-db-click 更为 row-dblclick ，onRowDbClick 更为 rowDblclick
- 事件 row-hover 更为 row-mouseover, onRowHover 更为 onRowMouseover
- 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

修复 configProvider 警告和 globalConfig 数据响应式问题
修复 Input type=password 时 autocomplete 警告以及 toggle password 问题
修复 Checkbox Group 插槽形式 disabled 属性没有生效
修复 Upload 中 triggerUpload 方法未正确导出和自定义拖拽上传 demo 中 “点击上传” 按钮无效修复 Slider inputNumberProps 未正常透传
修复 Affix onFixedChange 触发时机，在固定状态发生变化时才会触发该事件（改动之前为：滚动一直触发）
修复 Table 的若干 Bug

🌈 Features

新增 Collapse 组件，使用 Composition api
新增 Message 的 fadeIn and fadeOut animation
新增 color-picker 渐变预览，改进最近使用色交互
新增 Table 特性
- 排序交互变更：排序方式支持点击直接排序
- 优化表格最后一列 ellipsis 浮层位置底部右对齐
- 新增超出省略功能， ellipsis 支持透传 Popup 组件全部属性
- 新增表尾合计行，支持固定在底部，支持多行合计，支持完全自定义内容
- 新增 loadingProps 透传加载组件全部特性
- 新增固定行（冻结行）
- 新增排序图标自定义，插槽 (slot='filterIcon') 和渲染函数 (props.filterIcon) 均可
- 新增全局配置：过滤图标、空元素、异步加载文本配置、排序按钮文本配置
- 新增 scroll 滚动事件
- 新增表头吸顶功能
- 新增综合功能：多级表头 + 固定表头 + 固定列 + 表头吸顶 + 虚拟滚动 + 自定义列配置
- 过滤功能，条件为真时，高亮筛选图标
- 新增列拖拽排序功能，通过拖拽手柄调整表格排序

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

React for Web 发布 0.30.2

🐞 Bug Fixes

Cascader：修复定制数据字段别名 label 不展示问题
Form：兼容 FormItem 单独使用报错问题
Table：
- 修复 table 高度问题
- 修复 table className ts 类型丢失
Upload：修复多图片上传时 defaultFiles 造成上传进度错误
Slider：兼容不传 value 场景

🌈 Features

Breadcrumb：增加自定义 children 时对 separator 的支持
Popconfirm：调整组件导出命名

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

Miniprogram for WeChat 发布 0.7.3

🐞 Bug Fixes

Cell：修复传入 String 类型的 right-icon 不生效的问题
Tabs：属性 label 支持 slot
Dialog：完善 close 事件返回的参数
受控优化：支持不传值时默认为非受控用法

🌈 Features

新增组件：
- Collapse 折叠面板
- Progress 进度条
Picker：新增属性 header 以及 header 和 footer 的插槽
DateTimePicker：新增属性 header 以及 header 和 footer 的插槽

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

Vue3 for Mobile 发布 0.8.2

🐞 Bug Fixes

tabs： label 支持动态修改，以及新增支持 slot 的方式
popup：修复 teleport 失效问题

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

解决方案及周边

TDesign Vue Starter 发布 0.1.5

🌈 Features

多标签 Tab 页增加持久化功能
内置全局配置组件，支持全局多语言及属性的配置

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

TDesign Vue Next Starter 发布 0.2.2

🐞 Bug Fixes

修复图表文字颜色异常
修复 mock roles 模块错误

🌈 Features

支持多标签页支持持久化
升级组件库依赖 tdesign-vue-next 至 0.11 版本

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

TDesign React Starter 发布 0.1.2

🐞 Bug Fixes

修复构建产物丢失 CSS Token 的问题
修复图表文字重叠的问题

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

Assets 2

06 Apr 08:31

tdesign-helper

v2022.4.3

219cb7f

TDesign Weekly Release (April 1st 2022)

组件库

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

Assets 2

28 Mar 09:32

tdesign-helper

v2022.3.27

219cb7f

TDesign Weekly Release (March 4th 2022)

组件库

Vue2 for Web 发布 0.38.0

⚠️BREAKING CHANGES

Input/Textarea: Input 外部传入样式挂载至 t-input__wrap 层级的 DOM节点，不再传入到 t-input 层级；Textarea 去除 t-textarea__wrap。存在不兼容更新

Bug Fixes

Popup: 修复 document click 多次触发导致异常关闭的问题
Progress: 修复 theme = plump 且 percent = 10 时没有展示文案的问题
Form: 修复不能在表单项内换行输入的问题
Datepicker/Timepicker/SelectInput 等组件 focused 态样式修复

Features

Table: 支持自定义 columns
Upload: 新增 allowUploadDuplicateFile 属性，支持重复文件名的文件上传

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

Vue2 for Web 发布 0.38.1

Bug Fixes

SelectInput: 实现 enter 事件

Features

SelectInput: 修复单选可输入状态下的 focus 时 input value 的错误

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

Vue3 for Web 发布 0.11.0

⚠️BREAKING CHANGES

Input: 外部传入 class 挂载至 t-input__wrap, 不再挂载到 t-input
Textarea: 去除 t-textarea__wrap 层

Bug Fixes

Dialog: 修复 dialog 组件点击警告
Steps: 修复 readonly 状态下依然可以点击
Cascader: 修复动态改 options 为空数组不生效, 可过滤状态下的下拉面板拉起闪烁,可过滤状态下的输入内容未被正常销毁
TimePicker: 修复此刻快捷标签文案配置, focused 态样式修复
Upload: 修复 method props 失效
SelectInput: 修复在非输入状态下无 focused 态, 修复在非输入状态下不能显示清除按钮, 修复在 single 模式下 inputValue 的受控表现

Features

ColorPicker: 新增 ColorPicker 颜色选择器组件, 请参照官网使用
Input: 增加 inputClass , 挂载 class 到 t-input
Checkbox: 使用 compositionAPI 重构

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

React for Web 发布 0.29.0

⚠️BREAKING CHANGES

Input: 外部传入样式挂载至 t-input__wrap, 如需挂载到 t-input，请使用 inputClass api

Bug Fixes

Select: Option 子组件配合自定义 keys 使用异常
Selectinput: type 类型问题及 key 重复问题
Input:
- 修复 input type 为 password 场景下 suffixIcon 受控失效问题
- type 类型问题及 key 重复问题
Drawer: 根据 common Drawer 样式配置指定 tabIndex 消除 outline
RadioGroup: 修复 radioGroup 手动清除 value 样式不响应问题
Dialog: 修复 closeOnOverlayClick 失效问题
Popup: 偶现显示时定位不准，windowresize 无法自适应
Treeselect: 无法折叠问题修复
Date Picker: focused 态样式修复

Features

Input: 增加 inputClass API，用于透传 class 到 t-input 同级
Upload: 支持 modify method
InputNumber: 默认尺寸下输入框宽度调整，修复默认内容展示不全的问题

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

Miniprogram for WeChat 发布 0.7.1

Bug Fixes

Loading: 修复 loading 默认值为 true 但不显示的问题
Stepper: 修复图标偏移的问题
Search: 修复 action-click 事件不生效的问题
Textarea: 修复 Form 无法获取值的问题

Feature

增加点击态
- Grid
- Tabbar
Upload: 使用 t-image 封装，并支持 image-props 用于属性透传

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

解决方案及周边

TDesign Vue Starter 发布 0.1.4

Bug fixes

修复混合分割菜单布局下 list 页面滚动问题

Features

新增多标签 Tab 页功能
升级组件库依赖 tdesign-vue 至 0.38.0 版本

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

TDesign Vue Next Starter 发布 0.2.1

Features

新增多标签 Tab 页功能
升级组件库依赖 tdesign-vue-next 至 0.11.0 版本

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

TDesign React Starter 发布 0.1.1

Features

新增页面登录页

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

Assets 2

21 Mar 09:15

tdesign-helper

v2022.3.20

219cb7f

TDesign Weekly Release (March 3rd 2022)

组件库

Vue2 for Web 发布 0.37.2

Button: 修复 disabled 不生效的问题
Cascader: 修复文字过长时不显示 tooltip 的问题
Datepicker: 修复 Form 中使用时，触发校验时机错误的问题
InputNumber: 修复小数计算错误的问题
Popup: trigger 为 hover 时点击引用元素保持开启状态，防止菜单消失
TagInput ：修复相关样式问题
TreeSelect: 修复异步加载数据的情况下，label 展示错误的问题
Timepicker: close、open 事件回调增加参数

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

Vue3 for Web 发布 0.10.2

Upload: 增加合并上传,支持国际化配置
Select:支持单选 valueDisplay 插槽
Popup: 新增 enter、leave 事件，支持鼠标进入、移出的事件
Input: 新增 autoWidth、align、tips 的支持，统一 InputNumber 中的 Input 使用 Input 组件减少重复实现
Notification: 优化完善回收时的动画效果
DatePicker:打开时间面板重置时间
Menu:修复在没 overflow 时，仍出现滚动条的问题
Input: 修复组件keypress 事件未触发,修复在 readonly 模式下的聚焦样式
TagInput: 修复 breakline 模式下的 clearIcon 样式重叠, 修复 autowidth 模式下的 padding 不对称,修复超出滚动失效