TDesign Weekly Release (May 3rd 2022)

组件库

Vue2 for Web 发布 0.41.5

🌈 Features

• Form：支持 help 配置的表单项说明内容与错误提示同时展示，未配置 help 时不再默认占位
• Table：
  • 树形结构，支持默认展开全部，tree.defaultExpandAll
  • 树形结构，支持自由控制展开全部，或收起全部 expandAll() foldAll()
  • 树形结构，支持拖拽排序，调整同层级顺序
  • 树形结构，支持在当前节点之前插入新节点 insertBefore
  • 树形结构，支持在当后节点之后插入新节点 insertAfter
• Tree：label 支持多行文本展示

🐞 Bug Fixes

• Table：列拖动优化；修复选中行后列拖动距离被重置问题
• Table：修复 多级表头 + 列配置 综合示例中，列数量超出一定限制时报错
• Transfer：修复列表数量变化时的页码展示问题
• Input：修复 clear 触发后的 focus, 修复外部传入onMouseenter, onMouseleave, onwheel 事件导致组件内对应方法未执行的问题
• TreeSelect：修复未支持 treeProps.keys.children 字段配置的问题
• Menu：修复 expandType=popup 时箭头方向展示错误的问题
• Menu：修复 width 不支持数组类型的问题

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

Vue3 for Web 发布 0.15.0

❗ Breaking Changes

• Cascader：基于select-input组件重构，文本过长省略使用原生 title 展示全文本，不再使用 tooltip，存在不兼容更新

🌈 Features

• Form：支持 help 配置的表单项说明内容与错误提示同时展示，未配置 help 时不再默认占位
• Table：树形结构，支持默认展开全部，tree.defaultExpandAll
• Table：树形结构，支持自由控制展开全部，或收起全部 expandAll() foldAll()
• Table：树形结构，支持拖拽排序，调整同层级顺序
• Table：树形结构，支持在当后节点之后插入新节点 insertAfter
• Cascader：增加 popupVisible, readonly, selectInputProps, onPopupVisibleChange 属性，具体描述查看文档
• nuxt：修复在nuxt3中的适配问题，可参考案例 tdesign-vue-next-nuxt-starter
• Tabs：添加拖拽功能
• Anchor：增加 demo 演示功能

🐞 Bug Fixes

• Table：修复在 ssr 环境中的兼容
• Transfer：修复对 pagination 组件的引用报错
• Swiper：slot 执行位置不对，导致vue警告
• Steps：修复 readonly 不起作用的问题
• Slider：修复 slider 组件 onChange 事件 init 阶段被意外触发问题
• Popup：增加zIndex api
• Popup：修复设置 destroyOnClose 后可能出现的异常抖动
• Table：拖拽排序，修复参数为 undefined 问题
• Table：使用 header-affixed-top 时，异步下不能动态更新列
• Menu：修复 expanded 不受控的问题
• Cascader：修复第二级菜单点击后无法展示第三级菜单
• Cascader：修复组件可以同时打开多个
• Cascader：修复 filterable 不支持忽略大小写, 优化过滤状态交互
• CheckboxGroup：修复响应式丢失的问题
• Transfer：异步赋值 checked 不生效
• Menu：修复 width 不生效的问题
• Menu：修复暗色模式的 Popup
• Menu：修复 Popup 无法正常展示的问题
• Menu：修复 expand-type 不生效的问题
• Form：修复 number 规则校验不生效的问题
• Form：修复组件实例方法 setValidateMessage 缺失的问题
• Form：修复 FormItem 的 showErrorMessage 属性失效的问题
• Form：修复触发方式 blur 不生效的问题
• Form：修复传入的字段值为 undefined 的时候不会更新双向绑定值
• Switch：修复 disabled 状态下仍然可以点击
• TreeSelect：修复 placeholder 传入无效

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

React for Web 发布 0.34.0

❗ Breaking Changes

• DatePicker：onChange 回调第二个参数调整为对象，支持更多类型返回值，存在不兼容更新
• Form：不再默认渲染 help 空节点

🌈 Features

• Form：FormList 支持手动赋值
• Form：支持 help 节点与错误提示同时展示，无 help 不再默认占位
• DatePicker：支持 onChange 返回 trigger 参数定位事件触发源 & 单选模式支持 onPick 事件
• Watermark：新增水印watermark组件
• Calendar：新增 month、year API
• Tree：label 支持多行文本

🐞 Bug Fixes

• Table：修复异步加载数据时，分页非受控展示错误行数的问题
• TimePicker：修复TimePicker展开宽度问题

🚧 Others

• 统一全局受控 hooks & 优化组件初始值设置

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

设计资源

Figma for Web 发布 1.2.0

🎉 所有组件针对 Figma 全新功能特性升级，欢迎使用体验

1. Auto layout 4.0 自动布局全新升级

• 布局更新绝对定位，减少使用空画板
• 负间距，头像折叠更智能
• 排列顺序，表单内容展开更智能
• 填充内容超出省略显示

2. Individual Strokes 更新描边定位

• 单选按钮、选项卡等描边组件更合理
• 拒绝使用阴影作为分割线，更新所有组件描边定位

❗Breaking Changes

1. 性能优化，减少隐藏元素，使用更流畅

• Table：重构表格嵌套关系
• Input：重构输入框嵌套关系
• Menu：重构导航菜单嵌套关系
• Dropdown：重构下拉菜单嵌套关系

2. Color style 色彩样式层级和命名修改

3. Radius 圆角支持多级使用（待主题配置器升级，逐步更新）

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

TDesign Weekly Release (May 2nd 2022)

组件库

Vue2 for Web 发布 0.41.3

🌈 Features

• Icon: 更新图标 新增 file-icon 图标 调整 file-excel、file-pdf、file-powerpoint、file-unknown、file-word 和 star-filled 图标的绘制路径
• Dialog: 支持preventScrollThroughAPI
• Table: 支持自定义树形结构图标 treeExpandAndFoldIcon，同时支持全局配置此图标
• Table: 支持隐藏排序文本提示 hideSortTips，同时支持全局配置是否隐藏排序文本提示
• Steps: 新增 separator 属性，用于控制步骤条分隔符类型

🐞 Bug Fixes

• Select: 修复 textarea 作为 panelContent 时无法使用键盘事件的问题
• Slider: 修复 InputProps 属性传递布尔值时 ts 错误的问题
• Table: 固定列滚动阴影修复
• Dropdown: 插槽模式下 maxHeight 失效的问题
• Dropdown: 透传 popup 事件问题
• Dialog: 修复 normal 下加入 lock 导致页面无法滚动的问题
• Table: 修正拖拽列款的边界条件判断
• Progress: 修复环形进度条显示比例不准确

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

Vue3 for Web 发布 0.14.2

🌈 Features

• swiper: 增加新组件 swiper
• Icon: 更新图标 新增 file-icon 图标 调整 file-excel、file-pdf、file-powerpoint、file-unknown、file-word 和 star-filled 图标的绘制路径
• popconfirm: visible 属性支持 v-model 语法糖
• notification: 使用项目中已有的 js 动画方案，替换先前的 transitionGroup 方案，完善了组件出现和回收动画效果。其中涉及到 common 子仓库的修改，删除之前 transition 相关的类名，添加了一个 &-list__showt 类名。
• notification: 增加 onMouseenter 和 onMouseleave 事件，保证鼠标移入移出组件时，duration 时间的停止和重新计时。
• Table: 支持自定义树形结构图标 treeExpandAndFoldIcon，同时支持全局配置此图标
• Table: 支持隐藏排序文本提示 hideSortTips，同时支持全局配置是否隐藏排序文本提示
• dropdown: 使用 compositionAPI 重构 dropdown 组件

🐞 Bug Fixes

• InputNumber: 修复 input-number 重构 hook 使用错误出现的问题
• tooltip: support set placement by mouse
• ConfigProvider: 修复 animation 属性 exclude 和 include 在 TS 中都必填的问题
• Table: renderExpandedRow 为非必填
• ColorPicker: - fix(ColorPicker）: 遍历循环的时候无法监听 change 事件会报错
• TimePicker: time-range-picker suffix icon 丢失问题
• message: 修复插件式调用时，用户传入 onCloseBtnClick 事件时，无法触发回调
• notification: 修复插件式调用时，用户传入 onCloseBtnClick onDurationEnd 事件时，无法触发回调
• menu: 修复 expandMutex 属性设置无效
• slider: 修复 toolTipProps 属性设置无效, 拼写错误
• popconfirm: 修复箭头与 trigger 属性
• dialog: 修复初始化且为显示时的 lock 问题
• breadcrumb: 修复弹出 tooltip 异常
• input: 修复 autowidth 模式计算错误
• form: 修复当 modelValue 为外部传入的 undefined 时，双向绑定失效
• form: 修复 attrs 注入异常
• timePicker: 修复当 modelValue 为外部传入的 undefined 时，clearable 失效
• Steps: 支持 separator api & 修复响应式问题
• progress: 环形进度条显示比例不准确
• Table: 修复 多级表头 + 列配置 综合示例中，列数量超出一定限制时报错
• tooltip: support set placement by mouse

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

React for Web 发布 0.33.2

❗ Breaking Changes

• 重构 DatePicker、TimePicker 组件，样式结构有所调整，存在不兼容更新

🌈 Features

• DatePicker:
  • 移除 rangeapi，分别导出 Datepicker 与 DateRangePicker 组件
  • 支持 DatePickerPanel 与 DateRangePickerPanel 单独使用
  • 支持年份、月份区间选择
  • 支持 allowInput api
• TimePicker：
  • 重新调整样式、允许输入交互重新设计
  • 调整交互为点击确认按钮保留改动 直接关闭弹窗不保留改动 恢复初始值
  • disableTime、onFocus、onBlur、onInput 等API存在 breaking change
  • 新增 TimePickerPanel 组件 用于单独使用面板的场景
• RangeInput: 新增 RangeInput 组件
• RangeInputPopup： 新增 RangeInputPopup 组件
• Jumper：新增 Jumper 组件
• Steps: 支持 separator api & 完善反转逻辑
• Form: 支持整理嵌套数据
• Affix: 优化滚动逻辑

🐞 Bug Fixes

Table: 修复 多级表头 + 列配置 综合示例中，列数量超出一定限制时报错
DatePicker: 修复宽度计算问题
Slider: 修复 inputNumberProps 类型问题

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

Miniprogram for WeChat 发布 0.11.2

🌈 Features

• 完善 Input 原生属性
  • 完善 change 事件，增加返回 cursor 和 keyCode 数据
  • 增加 keyboardheightchange 事件，键盘高度发生变化的时候触发
  • 增加占位符相关属性：placehoderStyle 和 placeholderClass
  • 增加光标相关属性：cursor、selection-start、selection-end
  • 增加 hold-keyboard 属性
  • 增加安全键盘相关属性
• Button: 增加 bindchooseavatar 原生事件，用户选择头像
• Input: 支持 borderless 属性

🐞 Bug Fixes

• Picker: 修复在没有取消和确认按钮的时候，标题没居中对齐的问题
• Sticky: 修复在极端情况下报错的问题

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

解决方案及周边

TDesign Starter CLI 发布 0.2.2

🌈 Features

• 配合模板新增维护中页面升级

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

TDesign Vue Starter 发布 0.2.1

🌈 Features

• 列表页增加吸顶展示
• 新增维护中页面

🐞 Bug Fixes

• 修复展示底部开关失效的问题
• 修复 mock roles 错误

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

TDesign Vue Next Starter 发布 0.3.1

🌈 Features

• lint新增 style scoped 提示
• 新增维护中页面
• 升级组件库依赖至 0.14+

🐞 Bug Fixes

• 修复多标签 Tab 页关闭左侧，关闭其他可能导致主页标签被删除
• 修复多个滚动列表之间切换时页面不刷新导致的样式缺陷

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

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 和智慧零售模板均已上架微信开发者工具，可以在创建项目时选择使用

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

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

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

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

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

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 不对称,修复超出滚动失效

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

React for Web 发布 0.28.0

• Swiper: 交互、设计、API 全部重构，如有使用老的 Swiper 组件需重新接入，⚠️存在不兼容更新
• Swiper: 重构 swiper 组件
• Table: 支持 onChange API 
• InputNumber: 支持 autoWidth、tips、status、align API 
• Dialog: 修复 DialogPlugin 关闭后滚动问题
• Cascader: 修复 multiple 模式点击后关闭 popup 问题
• Table: 修复 key 有 0 的数据时的排序问题
• Cascader: 修复 children boolean 类型问题
• Grid: 支持获取 css vars 做响应式判断
• Icon: 支持自定义 Url
• Slider: label 支持 function 自定义渲染
• Form: 支持 showErrorMessage API  & help 支持 Tnode 类型 
• FormItem: 兼容包裹 upload 组件时未传入 initialData 场景

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

Miniprogram for WeChat 发布 0.6.2

• Button:兼容不支持 wx://form-field-button 的版本、修正 type 属性的正确实现 
• 修复在 form 下无法获取值的问题
• Upload: 修复关闭按钮层级过低的问题
• Toast: 修复层级过低的问题
• Rate: 修复 iOS 下颜色失效的问题
• Button: 新增 customDataset 属性，可通过 event.currentTarget.dataset.custom 获取 
• Upload: 支持对图片和视频的同时上传

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

Miniprogram for WeChat 发布 0.7.0

• Image:属性 load-failed 变更为 error；属性 lazy-load 变更为 lazy，⚠️存在不兼容更新
• Button: 样式调整
• Tag: 修复样式文件冗余的问题 
• Steps: 修复样式文件冗余的问题
• Image: 新增 shape 属性

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

Vue3 for Mobile 发布 0.8.0

• dropdown-menu: 移除冗余的 dom 结构
• search: 修复样式丢失问题
• input：修复输入框样式丢失问题
• grid： 修复 grid-item 样式丢失问题
• 新增 pull-down-refresh 组件

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

设计资源

Figma 组件库优化 1.0.6

• InputNumber：修复递增递减按钮位置问题
• Icon：修复star-filled 倒角问题

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

Axure 组件库优化 1.0.3

• 新增常用小工具，方便用户编辑交互标记与说明
• 优化列表呈现方式，重新编组
• 优化Table 实现逻辑，使用 Axure 原生表格和矩形两种方式实现，方便修改和编辑

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

TDesign Weekly Release (March 2nd 2022)

组件库

Vue2 for Web 发布 0.37.0

• Input :DOM 结构调整，最外层调整为 t-input__wrap，⚠️存在不兼容更新
• Message: 组件出现和消失新增线性渐入渐出动画
• InputNumber: 支持 autoWidth 属性;增加状态设置与提示设置功能
• Form: FormItem 提供控件级别的 showErrorMessage 配置

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

Vue3 for Web 发布 0.10.0

• Input: DOM 结构调整，最外层调整为 t-input__wrap，⚠️存在不兼容更新
• Select：修复单选下斜八度动画覆盖文字的错误，修复 filterable 属性导致高度变化
• Cascader：修复 filterable 下 hover 态的样式异常,修复可选任意一级缺少高亮状样式
• DatePicker：修复按需引入时，按钮展示问题
• Tree：修复数据无法更新问题

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

React for Web 发布 0.27.0

• Input: DOM 结构调整，最外层调整为 t-input__wrap，⚠️存在不兼容更新
• Select: 使用 SelectInput 组件重构，DOM 结构调整，⚠️存在不兼容更新
• Menu:修复高度渲染判断问题，SubMenu 支持 className
• Cascader: 修复子节点重复渲染问题
• Loading: 修复指令调用后锁屏样式未移除问题
• Radio: 修复动态渲染滑块未展示问题
• SelectInput: 修复 tag 过多时滚动模式失效
• Table: 鼠标事件参数未按 RowEventContext 定义输出
• Input: 优化 input 样式问题
• InputNumber: 快速加减优化
• Message: 支持 className
• Tabs: 支持 destroyOnHide
• TagInput: 优化拖拽功能
• Select: 使用 SelectInput 组件重构

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

Miniprogram for WeChat 发布 0.6.0

• Button: 重构 shape 的实现，新增支持 rectangle、circle 类型，⚠️存在不兼容更新
• Stepper: 修复 Stepper 组件事件向上冒泡 
• Checkbox: 修复 prefix 问题 
• Popup: 支持默认 slot 
• Image: 记录 Image 组件传入的 src，防止 src 相同时重复刷新 
• Tag: 增加外部样式类 
• Button: 修改对 Button 组件的使用 demo 
• Toast:修改未传入的参数为默认值，修复 z-index 低于 Popup 问题 

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

Miniprogram for WeChat 发布 0.6.1

• Dialog:修复调用时没重复默认值问题；修复内部 Button 样式错误 
• Upload: 修复在 iOS 上无法选择的问题 
• Button: 属性 shape 的默认值改为 rectangle 
• Rate: 修复 value = 0 时无法点击的问题 
• Grid: 修复样式问题 

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

Vue3 for Mobile 发布 0.7.0

• count-down 支持主题和大小 3f0a5e5,⚠️存在不兼容更新
• dialog 弹出框蒙层点击是否关闭修复 & provide 暴露 $dialog、11092af
• 修复Badge导入类型 d4f8da6
• 新增BackTop组件 fb61e74

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

解决方案及周边

TDesign Starter CLI 发布 0.2.0

• 支持通过 CLI 下载 React 版本的 TDesign Starter

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

TDesign React Starter 发布 0.1.0

• 上线基于 tdesign-react 组件库搭建的 tdesign-react-starter 页面模板项目

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