Skip to content

Releases: Tencent/tdesign

TDesign Weekly Release (Aug 1st 2022)

02 Aug 09:44
Compare
Choose a tag to compare

组件库

Vue2 for Web 发布 0.45.1

❗ Breaking Changes

  • 调整全局 border-radius 样式 token,@border-radius 改名为 @border-radius-default,支持更多圆角 token。 使用 esm 包修改 less token 的业务需要注意,组件库中各组件实现圆角也做了统一调整,详情参见 #158 ,存在不兼容更新。

🌈 Features

  • SelectInput: SelectInput 及相关的 Select/Cascader/TreeSelect 组件交互调整,再次点击输入框时也可以收起下拉框
  • Table:
    • 支持使用插槽 footer-summary 定义通栏表尾,同时支持同名属性 Props footer-summary 渲染通栏表尾
    • 支持使用 rowspanAndColspanInFooter 定义表尾行数据合并单元格,使用方法同 rowspanAndColspan
    • 支持 min-width 透传到元素 <col>

🐞 Bug Fixes

  • Select: 修复 empty slot 用法不生效的问题
  • Table:
    • 树形结构,修复无法更新或重置数据问题 resetData
    • 树形结构,修复懒加载节点重置时(即调用 setData)没有清空子节点信息问题
    • 树形结构,展开全部功能,不应该展开懒加载节点
    • 修复吸顶的多级表头左侧边线缺失问题
    • 修复多级表头时,表尾显示不同步的问题
    • 列拖动后,选择行导致拖动后的距离被重置
  • Datepicker: 修复单独配置 clearable 失效问题
  • TreeSelect: 修复输入项过长时,操作区域图标被遮挡的问题
  • Cascader: 修复在异步获取 option 的情况下,参数校验导致用户行为异常的问题

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

Vue3 for Web 发布 0.19.0

❗ Breaking Changes

  • 调整全局 border-radius 样式 token,@border-radius 改名为 @border-radius-default,支持更多圆角 token。 使用 esm 包修改 less token 的业务需要注意,组件库中各组件实现圆角也做了统一调整,详情参见 #158 ,存在不兼容更新

🌈 Features

  • SelectInput:SelectInput及相关的Select/Cascader/TreeSelect组件交互调整,再次点击输入框时也可以收起下拉框。
  • Upload: 增加setPercent 实例方法用于满足自定义上传方法时设置上传进度

🐞Bug修复

  • dialog: 删除冗余的样式
  • Table:树形结构,展开全部功能,默认不应该展开懒加载节点
  • Table: 多级表头,表尾列显示异常
  • Table: 吸顶线的多级表头,左侧边线缺失问题
  • Cascader: 修复在异步获取 option 的情况下,参数校验导致用户行为异常
  • Popup: 修复 content 为纯英文时无法自动换行
  • Tree: 修复 setData 组件存在 children 后的导致组件崩溃
  • Tabs: 修复 tabpanel 组件的 label 不能根据函数进行自定义展示
  • Upload: 修复 draggable multiple 组合使用时组件无输出
  • ClassPrefix:替换遗漏的 classprefix
  • Tabs: 修复组合场景下的示例

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

React for Web 发布 0.38.0

❗ Breaking Changes

  • 调整全局 border-radius token,@border-radius 改名为 @border-radius-default,支持更多圆角 token。 使用 esm 包修改 less token 的业务需要注意,存在不兼容更新。

🌈 Features

  • 支持全局替换 tdesign 内置 Icon
  • DatePicker: 支持季度选择器
  • Rate: 新增 rate组件
  • Select: 展开面板后二次点击输入框调整为关闭面板
  • Grid: col 组件支持跨层级响应 gutter 配置

🐞 Bug Fixes

  • Cascader: 修复在异步获取 option 的情况下,参数校验导致用户行为异常
  • Select: 修复回删空字符串不触发 onSearch 的缺陷
  • Select: 修复过滤时输入值为空未显示全部选项的问题
  • Dropdown: 修复 className 继承问题
  • Tree: 修复更改 data 数据后展开状态丢失问题

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

Miniprogram for WeChat 发布 0.18.0

❗ Breaking Changes

  • Tabbar: CSS Variables 命名规则由 --t 改成 --td 开头,存在不兼容更新。
  • Avatar: 头像组的样式内置进组件内,存在不兼容更新。

🌈 Features

  • Avatar: 新增 CSS Variable 调整 Avatar 背景、内容(文本或图标)
  • Swiper: 新增 paginationPosition 属性,用于调整页码信息的位置
  • Swiper: 新增 CSS Variable 调整 Swiper 导航器背景、内容颜色
  • Button: 新增 loadingProps 属性透传至 Loading 组件
  • Tabs: 新增 CSS Variables 调整字体、滑块颜色等,具体查看文档
  • Toast: 支持 duration 传入 0 的时候,toast 不消失

🐞 Bug Fixes

  • Tabbar: 修复因 CSS Variables 没有写 fallback 导致样式丢失的问题
  • Avatar: 修复组件类名错误
  • upload: 修复组件中图片被挤压问题
  • Button: 修复 loading 无效的问题
  • DropdownMenu: 修复树形选择时,点击单选仍自动关闭的问题
  • DropdownMenu: 修复 closeOnClickOverlay 不生效的问题
  • Cell: 优化 slot 的渲染逻辑

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

Vue3 for Mobile 发布 0.10.1

🐞 Bug Fixes

  • search: 修复失去焦点后输入内容被隐藏和清除按钮无法使用的问题
  • Tabs: 修复传入相同的值时仍触发 onChange 的问题
  • Popup: 修复使用 overlay 组件没传入 visible 导致告警的问题
  • Dialog: 修复 slot 渲染逻辑

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

TDesign Weekly Release (July 4th 2022)

26 Jul 08:13
Compare
Choose a tag to compare

组件库

Vue2 for Web 发布 0.44.1

🌈 Features

  • 支持通过 CSS Token 配置组件圆角

🐞 Bug Fixes

  • DatePicker:
    • 修复重置日期后面板月份未重置问题
    • 修复时间选择器滚动错误
  • Dialog:
    • 修复 preventScrollThrough 未实现的问题
    • 修复出现对于滚动条的问题

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

Vue3 for Web 发布 0.18.1

🌈 Features

  • Table: 树形结构,支持 resetData 重置整个树形结构数据
  • TagInput: 支持标签拖拽
  • Slider: Slider新增showStep属性控制步长刻度值显示
  • Upload: 支持单组件的文案配置

🐞 Bug Fixes

  • Form: 修复 help 插槽不生效的问题
  • Dialog: 修复 preventScrollThroughfalse 情况下,body 间去了滚动条宽度
  • Table: 树形结构,懒加载节点重置时(即调用 setData)没有清空子节点信息问题
  • Card: 修复 loading 状态无效
  • Space: 组件中若存在 v-if,则不渲染的组件间距依然存在
  • InputNumber: 修复初始化为 undefined 情况下操作按钮 disabled 的校验问题
  • Radio: 修复点击选择父盒子点击事件触发两次
  • DatePicker: 修复重置日期后面板月份未重置问题
  • DatePicker: 修复range 选择器开始时间被禁用问题

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

React for Web 发布 0.37.1

🌈 Features

  • Upload: 支持单组件的文案配置
  • DatePicker: 支持周选择器
  • Chekbox: 优化 label 为空字符串不渲染节点
  • 支持通过 CSS Token 配置组件圆角

🐞 Bug Fixes

  • Form: 修复 form 数字字符串长度校验错误问题
  • List: 修复 ListItem 透传 style 问题
  • DatePicker: 修复重置日期后面板月份未重置问题
  • ColorPicker: 修复添加颜色受控/非受控不能点击的问题

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

Miniprogram for WeChat 发布 0.17.0

❗ Breaking Changes

  • Tabbar: 移除 color 属性,使用 CSS Variable 替代,存在不兼容更新
  • Rate: 移除 color 属性,使用 CSS Variable 替代 ,存在不兼容更新
  • Rate: external-classes 属性中的 t-class-desc 更名为 t-class-text,存在不兼容更新
  • Search: 将 external-classes 属性中的 t-class-cancel 更名为 t-class-action,存在不兼容更新

🌈 Features

  • Tabs: 超过屏幕时,自动将激活的选项滚动到中间
  • Tabs: 新增 swipeable 属性,用于控制是否滑动切换
  • PullDownRefresh: 新增 scrolltolower 事件
  • Button: variant 属性新增 dashed
  • Tabbar: 新增 CSS Variable 调整标签栏字体和图标颜色,具体查看文档
  • Grid: external-classes 属性增加 t-class-content
  • Grid: 新增 CSS Variable 调整宫格背景、文本等颜色,具体查看文档
  • Search: 新增 CSS Variable 调整 Search 字体、背景、图标等颜色,具体查看文档
  • Rate: 新增 CSS Variable 调整 Rate 辅助文本、选中、未选中及禁用态图标颜色,具体查看文档
  • Input: 移除 external-classes 属性中的 t-class-placeholder
  • Input: external-classes 属性新增 t-class-icon, t-class-label, t-class-clearable, t-class-suffix, t-class-suffix-icon
  • Input: 新增 CSS Variable 调整 Input 字体、背景、图标等颜色,具体查看文档
  • Divider: 新增 CSS Variable 调整分割线、文本颜色,具体查看文档
  • Indexes: 新增 CSS Variable 调整 标题、背景、文本等颜色,具体查看文档
  • Drawer: 新增 CSS Variable 调整抽屉背景、列表项标题、列表项图标、列表项下边框颜色,具体查看文档

🐞 Bug Fixes

  • Tabs: 修复值等于 0 时不能正常切换的问题
  • Textarea: 修复超出 maxcharacter 后,仍能继续输入的问题
  • Picker: 修复因重复定义 options 导致告警的问题
  • Image: 补充缺失的 shape = square 样式
  • Button: 修复 variant=outline无效

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

Vue3 for Mobile 发布 0.10.0

🌈 Features

  • Skeleton: 属性 theme 移除 avatar-text;新增 avatarimageparagraph
  • Result: 新增结果组件

🐞 Bug Fixes

  • Button: 修复 loading 值改变时,控制台报错
  • Skeleton: 属性 rowCol 移除默认值 [1, 1, 1, { width: '70%' }]
  • Toast: 修复指令调用时不现实图标的问题

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

React for Mobile 发布 0.2.0

🌈 Features

  • Drawer: 新增抽屉组件

详情见:https://tdesign.tencent.com/mobile-react/getting-started

TDesign Weekly Release (July 3rd 2022)

19 Jul 08:35
Compare
Choose a tag to compare

组件库

Vue2 for Web 发布 0.44.0

❗ Breaking Changes

  • DatePicker: 部分样式类命名调整,更符合 BEM 规范,存在不兼容更新,如有覆盖日期选择器样式的小伙伴请注意调整,其他同学可以忽略

🌈 Features

  • Jumper: 新增 jumper 组件
  • Icon: 新增mirrorrotation图标
  • DatePicker: 支持面板年月动态响应 value 变化
  • Table:
    • 树形结构支持同时添加多个根节点
    • 新增可编辑行的表格;新增 showEditIcon,用于控制是否显示编辑图标

🐞 Bug Fixes

  • SelectInput: 修复透传 disabled 失效问题
  • Icon: 修复 iconfont 高级用法由于 t-icon 的 干扰导致渲染异常的情况
  • Select:
    • 修复 panelTopContentpanelBottomContent 透传失效的问题
    • 修复监听事件未正常移除的问题
    • 修复 keys 透传失效导致 multiple 场景下 keys 无效的问题
  • Table:
    • 修复多级表头表格中,列配置全选功能选不全的问题
    • 修复可选中行 table 组件,data 为空数据时,默认全选按钮会选中的问题
    • 兼容IE滚动条高度计算覆盖不全问题
    • 修复树形结构懒加载顺序问题
    • 可编辑单元格,修复 onEnter 无法触发 onEdited 问题;修复校验不通过时,无法退出编辑态的问题
    • 修复表格列宽拖拽到最大或最小时,有可能无法二次拖拽的问题

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

Vue3 for Web 发布 0.18.0

❗ Breaking Changes

  • Table: 可编辑表格行,行校验函数由 validateRowDate 更名为 validateRowData,存在不兼容更新

🌈 Features

  • Table: 树形结构,支持同时添加多个根节点
  • Table: 可选中行,扩大选择组件的点击范围
  • Table: 拖拽调整宽度,非边框模式,悬浮到表头时,显示表头边框

🐞 Bug Fixes

  • Table: 修复可编辑单元格,校验失败的信息无法清除问题
  • Table: 树形结构,修复树形结构懒加载顺序问题
  • Swiper: 动态修改 swiper item 会出现 vue 警告
  • Tree: 修复节点过滤后被一直锁住的问题
  • DatePicker: 调整 bem 命名

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

Vue3 for Web 发布 0.17.5

🌈 Features

  • Icon: 新增 mirrorrotation 图标
  • DatePicker: 支持面板年月动态响应 value 变化

🐞 Bug Fixes

  • Input: 修复 Input 组件切换 type 后不生效的问题
  • Icon: 修复 iconfont 高级用法由于 t-icon 的干扰导致渲染异常的情况
  • Table: 列宽拖拽,拖动到边界处后无法再次拖动
  • Table: 多级表头场景下的多选,无法全选
  • Table: 修复可选中行 table 组件,data 为空数据时,默认全选按钮会选中的问题
  • InputNumber: 修复初始化时对 null 及字符串校验异常
  • Dialog: 多个 dialog 同时存在时使用 esc 关闭异常
  • Input: 修复 autowidth 表现异常
  • Input: 修复 Input 组件切换 type 后不生效的问题

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

React for Web 发布 0.37.0

❗ Breaking Changes

  • DatePicker: 调整组件dom 节点 class 命名,存在不兼容更新

🌈 Features

  • Icon: 新增mirrorrotation图标
  • DatePicker: 支持面板年月动态响应 value 变化
  • Form: 支持同步获取最新数据
  • table: 树形结构,支持同时添加多个根节点
  • table: 可编辑单元格/可编辑行,新增 showEditIcon,用于控制是否显示编辑图标
  • table: 新增可编辑行的表格
  • table: 可调整列宽,无边框表格,悬浮到表头时显示边框,方便用户寻找调整列宽的位置
  • Button: 支持 href、tag、suffix API

🐞 Bug Fixes

  • Icon: 修复iconfont高级用法由于t-icon的干扰导致渲染异常的情况
  • table: 修复可选中行table组件,data为空数据时,默认全选按钮会选中的问题
  • table: 列宽拖拽调整到边界时无法重新调整
  • table: 多级表头场景下的列配置,无法全选
  • Pagination: 修复左右切换禁用失效问题
  • table: 修复树形结构,懒加载顺序问题
  • TagInput: 修复hover时组件换行的样式异常
  • drawer: 修复开启 destroyOnClose 时多次打开关闭时动效丢失问题
  • table: 可编辑单元格,修复无法透传 ReactNode 属性到组件
  • table: 可编辑单元格,修复 onEnter 无法触发 onEdited 问题
  • table: 可编辑单元格,一旦校验不通过,后续编辑无法退出编辑态问题
  • card: 修复 header 渲染失效问题
  • Select: 修复手动控制 popupVisble 展示空白内容
  • ColorPicker: 修复切换渐变节点 hue 饱和度未更新的问题
  • Form: 修复 React 18 useEffect 触发两次导致表单自动校验问题
  • Form: 修复 rule min max 不支持数组校验

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

Miniprogram for WeChat 发布 0.16.0

❗ Breaking Changes

  • Drawer: 调整 placement 属性,只支持 leftright,存在不兼容更新
  • Button: tap 事件返回值更新为 event 对象,存在不兼容更新
  • Skeleton: 属性 theme 移除 avatar-text;新增 avatarimageparagraph,存在不兼容更新
  • Skeleton: 外部样式类移除 t-class-avatart-class-imaget-class-text ;新增 t-class-col ,存在不兼容更新
  • Skeleton: 属性 rowCol 移除默认值 [1, 1, 1, { width: 70% }] ,存在不兼容更新

🌈 Features

  • Picker: 增加 autoClose 属性,点击确认、取消、遮罩层时自动关闭
  • Result: 新增组件

🐞 Bug Fixes

  • Picker: 修复 pick 事件返回的 label 不正确的问题
  • Picker: confirm-btncancel-btn 增加 boolean 类型,值为 true 时使用默认文案
  • DropdownMenu: 移除冗余的 z-index
  • Loading: 修复 text 为空时仍渲染非空节点的问题

🚧 Others

  • Switch: 更新示例代码
  • NoticeBar: 更新示例代码
  • Picker: 更新示例代码
  • Tag: 更新示例代码
  • Steps: 更新示例代码
  • Skeleton: 更新示例代码

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

Vue3 for Mobile 发布 0.9.2

🐞 Bug Fixes

  • DropdownMenu: 修复树形状态下溢出时无法滚动的问题
  • Sticky: 修复 fixed 状态下丢失宽度的问题
  • Skeleton: 修复 props 变化不重新渲染的问题

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

React for Mobile 发布 0.1.2

🐞 Bug Fixes

  • Sticky: 修复 fixed 状态下丢失宽度的问题

🚧 Others

  • chore: 优化更新日志文档样式

详情见:https://tdesign.tencent.com/mobile-react/getting-started

设计资源

Figma for Web 发布 1.2.2

❗ Breaking Changes

  • Table:修改列模式表格的列数和行数,删除不带分页器的变体内容,存在不兼容更新

🌈 Features

  • icon:新增 mirror/rotation 图标
  • font:新增 18title-large 字阶,修改为 20 号为 title-extraLarge 字阶
  • Tree:新增树结构无子集变体
  • Table:新增列模式的tag和文字搭配的变体

🐞 Bug Fixes

  • Tag:修复 CheckTag Disabled 态颜色错乱问题
  • Transform:修复搜索框图标问题,修复右侧窗口的布局问题
  • Table:修复示例展示问题

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

解决方案及周边

TDesign Vue Next Starter 发布 0.3.6

🌈 Features

  • 升级 tdesign-vue-next 至 0.18.0 版本
  • 增加 apis 目录 管理项目中使用到的 api
  • router 调整为自动导入

🐞 Bug Fixes

  • 部分选择器未随自定义样式前缀更改

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

TDesign Weekly Release (July 2nd 2022)

12 Jul 08:16
6fa8ef1
Compare
Choose a tag to compare

组件库

Vue2 for Web 发布 0.43.3

🌈 Features

  • Cascader:
    • 基于 select-input 重构, 文本过长省略使用原生 title 展示全文本,不再使用 tooltip 组件
    • 增加 popupVisiblereadonlyselectInputPropsonPopupVisibleChange 属性
  • CheckBox: 增加 title 属性透传
  • DatePicker:
    • 新增 panelPreselection api
    • 优化面板月份展示
  • Drawer: 优化抽屉拖拽体验

🐞 Bug Fixes

  • Space: 过滤无效的节点
  • Cascader:
    • 修复多选时,文本过长未处理的问题
    • 修复选中内容过多时,再点击选择器后的闪动问题
  • SelectInput: 修复 overlayStyle 响应式无法更新的问题
  • TagInput: 修复 inputProps 属性透传无效
  • Transfer: 修复穿梭框进行穿梭时报错的问题
  • Table: 树形结构支持懒加载
  • Dialog: 修复打开对话框时出现滚动条的问题
  • DatePicker: 修复日期格式化问题
  • TimePicker:
    • 优化允许输入滚动的使用体验
    • TimeRangePicker 修复允许输入的缺陷
  • Select:
    • 修复远程搜索动态生成选项失败的缺陷
    • 虚拟滚动支持远程搜索场景
  • Dialog: 修复阻止冒泡导致 popup 无法正常关闭
  • Drawer: 修复头部渲染异常问题
  • Input: 修复 Input 组件 切换 type 后不生效的问题
  • 全局配置: 修复 useConfig computed 属性计算导致列表渲染卡顿问题

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

Vue3 for Web 发布 0.17.4

🌈 Features

  • DatePicker: 新增 panelPreselection api
  • Drawer: 新增sizeDraggble属性 支持通过拖拽改变抽屉宽度/高度
  • CascaderPanel: 增加 cascader-panel 组件
  • Cascader: 增加 inputProps, tagInputProps, tagProps 属性
  • Table: 支持行编辑功能
  • Upload: 增加 allowUploadDuplicateFile 支持配置相同文件名上传行为
  • TimePicker: 支持毫秒使用场景
  • Tree: tree 支持拖拽

🐞 Bug Fixes

  • Space: 通过FOR循环的内容 没有实现间隔效果
  • DatePicker: 修复日期格式化问题
  • TimePicker: 优化可输入模式的使用体验 避免高频输入场景与滚动事件重复更新 value 的异常
  • Tree: 取消修改 value 类型, 将传入 TCheckBox 组件的 name 转为 string 类型
  • Cascader: 修复筛选无法输入问题
  • DatePicker: 优化面板月份展示
  • Transfer: 全选应该只选择搜索后的结果
  • Dialog: 修复 dialog 阻止冒泡导致 popup 无法正常关闭
  • Dialog: 修复打开对话框,出现滚动条
  • Slider: 修复 label 属性不生效 bug
  • Slider: 修复 tooltipProps 为布尔值时丢失响应性问题
  • Select: 多选下 hover 出现换行的异常
  • Dialog: 内部样式未使用prefix导致替换前缀方式的样式丢失
  • Input: autoWidth 在部分场景下失效导致组件样式异常
  • Drawer: 修复开启 destroyOnClose 之后,没了动画效果
  • TreeSelect: 修复异步加载回显展示问题
  • Textarea: 修复无法传入 attrs 中的 style

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

React for Web 发布 0.36.4

🌈 Features

  • Table: 树形结构,支持懒加载
  • CascaderPanel: 增加 cascader-panel 组件
  • Cascader: 增加 inputProps, tagInputProps, tagProps 属性
  • Dialog: 修复打开对话框,出现滚动条
  • Form: 支持 formList 初始化渲染initialData 数据
  • Drawer: 新增sizeDraggable 支持通过拖拽改变抽屉宽度/高度
  • TimePicker: 支持毫秒场景使用

🐞 Bug Fixes

  • Table: 可编辑功能,值为 null 时会导致页面报错,如清除 Select 数据
  • Dialog: 修复 dialog 阻止冒泡导致 popup 无法正常关闭
  • Input: 修复在 dialog 内中文输入导致光标定位错误问题
  • Button: 修复渲染空字符串样式问题
  • Form: 修复 getFieldsValue 类型定义

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

Miniprogram for WeChat 发布 0.15.0

❗ Breaking Changes

  • DropdownMenu: 属性 overlay 更名为 showOverlay,存在不兼容更新
  • Popup: 移除 transitionProps 属性,存在不兼容更新

🐞 Bug Fixes

  • Tabs: 修复选项卡不存在时滑动报错问题
  • DropdownMenu: 修复关闭时无动画的问题

🌈 Features

  • Fab: 支持文本自适应
  • Tag:
    • 视觉更新
    • 支持图标
  • DropdownMenu: 新增 toggle 示例方法,用于切换下拉菜单
  • DropdownMenu: 新增 keys 属性以支持自定义 label value 的字段名
  • Popup
    • 新增 duration 属性,控制动画过渡时间
    • 新增 customStyle 透传样式至根节点
    • 新增 overlayProps 属性,透传至 overlay 组件

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

Vue3 for Mobile 发布 0.9.1

🌈 Features

  • Toast: 新增 overlayProps 属性透传至 overlay 组件,新增 showOverlay 属性控制遮罩层显示
  • Button: 支持 4 种类型
  • Overlay: 新增组件
  • DropdownMenu: 新增 toggle 方法用于切换菜单
  • Tag: 升级样式以及支持左图标

🐞 Bug Fixes

  • Message: 优化用法,支持 v-model
  • DateTimePicker: 修复DateTimePicker组件value为空时无法正常展示的问题
  • Search: 修复 blur 事件参数返回错误的问题
  • DropdownMenu: 修复 dropdownmenu-item 的 label 不支持动态更新等问题
  • DropdownMenu: 修复 radio、checkbox 样式问题

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

React for Mobile 发布 0.1.1

🌈 Features

  • Tag: 视觉升级以及新增支持左图标
  • Progress: 新增 Progress 组件
  • Fab 新增 Fab 组件

🐞 Bug Fixes

  • Search: 修复无法使用的问题
  • Button: 补充支持 style 属性

详情见:https://tdesign.tencent.com/mobile-react/getting-started

解决方案及周边

TDesign Vue Starter 发布 0.3.1

🐞 Bug Fixes

  • 处理 vue2.7发布引起的不兼容问题。处理方式,保证 vue 版本在 2.7 以下,vue-template-compiler 版本与 vue 一致,升级 vite-plugin-vue2-svg 版本到 0.3.0

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

TDesign Weekly Release (July 1st 2022)

05 Jul 06:39
78f7ad5
Compare
Choose a tag to compare

组件库

Vue2 for Web 发布 0.43.2

🌈 Features

  • Form:
    • 添加内置校验方法 whitespace
    • 新增校验触发方式 trigger: 'blur' - 现在FormItem.labelstring 类型时, Form.errorMessage 模板中的 ${name} 会被替换为 FormItem.label 属性;当 label 属性为 slot/function 时,${name} 会被替换为 FormItem.name 属性
  • Table:
    • 可编辑单元格,支持编辑组件联动
    • 树形结构行选中支持半选状态
    • 树形结构,缩进 indent 支持 0

🐞 Bug Fixes

  • Dialog/Drawer: 修复 closeOnOverlayClick closeOnEscKeydown 默认值导致的无法设置的问题
  • Drawer: 修复 header 默认值为 undefined 的问题
  • Dialog: 修复 dialog 滚动失效问题
  • Form: 修复 number 规则校验不生效的问题
  • Table:
    • 动态数据合并单元格,删除行数据时,未更新合并单元格状态
    • 修复自定义筛选组件不显示问题
  • ColorPicker: 修复颜色选择器样式异常
  • ConfigProvider: 修复 config-provider 同时存在 provide 和 setup#provide 导致卡顿的性能问题
  • DatePicker: 修复suffixIcon、clear事件问题

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

Vue3 for Web 发布 0.17.3

🌈 Features

  • Form: 添加内置校验方法 whitespace
  • table: 可编辑单元格,支持编辑组件联动
  • Table: 树形结构支持半选状态
  • Jumper: 新增 jumper 组件

🐞 Bug Fixes

  • Table: 表头吸顶显示问题
  • Table: paginationAffixedBottom 支持配置 Affix 组件全部特性
  • DatePicker: 修复 Jumper 组件类名错误
  • Upload: 在每次上传前将错误提示数据重置
  • RadioGroup: 修复 RadioGroup 多次赋予不存在的值时文字不能正常显示
  • Dialog: 修复 closeOnOverlayClick closeOnEscKeydown 默认值导致的无法设置的问题
  • Drawer: 修复 closeOnOverlayClick closeOnEscKeydown 默认值导致的无法设置的问题
  • DatePicker: 修复日期选择器在表单禁用后还能点击的问题
  • Tree: getRightData 方法兼容 valuealias
  • Form: 修复不传 form.onSubmit 回调函数导致的 scrollToFirstError 参数失效的问题
  • DatePicker: 修复 clearble 响应式问题
  • Dialog: 修复滚动失效问题
  • Table: 修复动态数据合并元格问题
  • Table: 修复树形结构设置 indent = 0 无效问题
  • Slider: 使用 InputNumber 时在使用 range 属性情况下传入 minmax 会导致手动输入显示 NaN 问题
  • Select: 修复多选下换行提前占满一行的问题
  • Select: 修复 input 高度 height 100% 导致换行高度异常的问题
  • Pagination: 修复如果页面总数变更后当前页数不变的问题
  • RangeInput: 修复 rangeinput 样式问题

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

React for Web 发布 0.36.2

🌈 Features

  • Form: 添加内置校验方法 whitespace
  • Table: 新增 indeterminateSelectedRowKeys ,用于控制选中行半选状态
  • Table: 可编辑单元格,支持编辑组件联动
  • Table: 树形结构行选中,支持中层节点半选状态
  • Table: EnhancedTable 新增对外实例对象 treeDataMap
  • Cascader: 增加 popupVisible, readonly, selectInputProps, onPopupVisibleChange 属性,具体描述查看文档
  • Jumper: 新增 jumper 组件
  • Space: 优化空元素渲染
  • Cascader: 基于 select-input 重构, 文本过长省略使用原生 title 展示全文本,不再使用 tooltip 组件

🐞 Bug Fixes

  • table: 表头吸顶显示问题
  • table: paginationAffixedBottom 支持配置 Affix 组件全部特性
  • treeselect: 默认lazy异步加载开启,与api保持一致
  • DatePicker: 修复 presetsPlacement 不生效的问题
  • colorpicker: 修复最近使用颜色的功能
  • Table: 树形结构行选中,没有配置 tree,则当作普通表格行选中处理
  • Table: 修复树形数据表格,选中子节点时,会导致父节点自动折叠问题
  • Table: 修复合并单元格,动态数据显示异常问题、
  • Table: 可编辑功能,数据更新不及时问题
  • Cascader: 修复数据中 value 的数据类型为 number 时,clearable 失效
  • Dialog: 修复滚动失效问题
  • select: 修复多选下换行提前占满一行的问题
  • Upload: 修复 disabled 依然可删除问题
  • colorPicker: 修复在 ColorTrigger 输入色值时,自动format输入值并回填的问题
  • table: 兼容树状表格未传入 tree 属性的场景

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

Miniprogram for WeChat 发布 0.14.0

❗ Breaking Changes

  • TextArea: 移除不生效的外部样式类 t-class-placeholder, 建议使用类名 t-textarea__placeholder 进行样式覆盖,存在不兼容更新

🌈 Features

  • ActionSheet: 新增 t-class-contentt-class-cancel 外部样式类
  • Progress: 新增t-class-bar外部样式类
  • Picker:
    • 新增 confirm 事件,返回参数和 change 一致
    • confirmchangepick 事件均返回 label 参数

🐞 Bug Fixes

  • Tabbar: 修复具名插槽无法使用的问题
  • 修复默认层级问题
    • Dialog
    • DropdownMenu
    • Drawer
    • Message
    • Popup
  • Fab: 修复 text 属性不生效的问题
  • NoticeBar: 修复公告不滚动问题
  • Dialog: 修复点击遮罩层不会触发 close 事件的问题

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

Vue3 for Mobile 发布 0.9.0

❗ Breaking Changes

  • Progress: 移除 sizetheme 属性,存在不兼容更新
  • Picker:重构Picker组件 ,存在不兼容更新
    • 移除子组件<picker-item/>,新增基于Picker开发的级联选择组件<cascade />
    • 新增columns,代表配置每一列的选项;新增renderLabel,用于自定义渲染label;新增onPick,选中任何一列时均会触发
    • 修改onChangeonConfirm的回调参数
  • DateTimePicker:重构DateTimePicker组件
    • 移除disableDateshowWeek
    • 新增start,用于设置最小可选时间;新增end,用于设置最大可选时间
    • onColumnChange改名为onPick,修改回调参数
    • 修改onChangeonConfirm的回调参数
  • Search: 存在不兼容更新
    • 移除 iconColor 属性
    • autofocus 更名为 focus
    • cancelButtonText 更名为 action
    • 新增 leftIcon 支持左侧图标定制
    • 新增 valuedefault-value 控制输入框的值
    • cancel 事件更名为 action-click
    • 新增 blurfocus 事件
  • Collapse:存在不兼容更新
    • accordion 更名为 expandMutex
    • 移除 titlelabelWidth 属性
    • 新增 disabledexpandIcononChange 属性无效的问题
  • CollapsePanel: 存在不兼容更新
    • name 更为为 value
    • title 更名为 header
    • extra 更名为 headerRightContent
    • 移除 labelWidthheaderClickable 属性
    • 新增 defaultexpandIcon 属性
    • 移除 click 事件
  • Drawer: 存在不兼容更新
    • 移除 slider 属性
    • 新增 itemsplacementshowOverlayzIndex 等属性
    • 新增 closeitem-clickoverlay-click 等事件

🌈 Features

  • Indexes: 新增 Indexes 组件
  • Input: 新增支持 size 属性
  • Fab: 新增支持 buttonPropsstyle 属性
  • Cell: 新增支持 image 插槽
  • Rate: 新增支持 gap 属性
  • Loading: 新增支持 durationinheritColorpausereverse 属性
  • Dialog:
    • 增支持 actionspreventScrollThrough 属性
    • 新增支持 支持 confirmBtncancelBtn 的插槽
  • Checkbox: 新增支持 maxContentRowmaxLabelRow 属性
  • CheckboxGroup: 新增支持 max 属性
  • Swiper: 新增支持 minShowNum 属性
  • Upload:
    • 新增 select-change 事件
    • 新增支持 allowUploadDuplicateFile 属性

🐞 Bug Fixes

  • Badge: 修复 showZero 属性无效的问题
  • Badge: 修复 maxCount 属性无效的问题
  • DropdownMenu: 修复单选 update:value 失效的问题
  • Radio: 修复非受控用法错误的问题

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

React for Mobile 发布 0.1.0

  • 适配移动端交互
  • 基于 React 16.x(全部基于 React Hooks 的 Functional Component)
  • 与其他框架/库(Vue / Angular)版本 UI 保持一致
  • 支持按需加载

详情见:https://tdesign.tencent.com/mobile-react/getting-started

解决方案

TDesign Vue Starter 发布 0.3.0

Refactor

  • 全面替换less vars颜色方案为CSS Token方案 与其他页面模板保持一致
  • 移除vue-color,使用组件库的color-picker-panel组件

🌈 Features

  • 升级组件库依赖至0.43+ datepicker 使用方式有调整

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

TDesign Weekly Release (June 4th 2022)

28 Jun 08:22
78f7ad5
Compare
Choose a tag to compare

组件库

Vue2 for Web 发布 0.43.0

❗ Breaking Changes

  • 默认移除全局 reset 样式引入,可从 tdesign-vue/dist/reset.css 中单独引入,存在不兼容更新
  • DatePicker: 重构DatePicker为composition API,全新的UI样式及交互,新增DateRangePicker组件,替换此前的range写法 ,存在不兼容更新
  • TimePicker: 重构TimePicker为composition API,全新的UI样式及交互,disableTime API有所调整,存在不兼容更新

🌈 Features

  • Space: 新增 space 组件
  • ConfigProvider: 增加 input 组件 autocomplete 配置,增加 dialog 组件 closeOnEscKeydown, closeOnOverlayClick 配置, 增加 select 组件 filterable 配置,增加 drawer 组件 closeOnEscKeydown, closeOnOverlayClick 配置
  • Local: 增加日语和韩语语言包
  • Table: fullRow不参与排序

🐞 Bug Fixes

  • Table:
    • 吸顶表头支持自定义滚动容器
    • 处理table在部分SSR场景渲染失败的问题
    • 修复仅有firstFullRow不渲染的问题
    • 修复paginationAffixedBottom 透传Affix 参数不生效
    • 修复 0.41.7 版本后过滤功能构建后异常的问题
    • 修复 0.41.7 版本后过滤功能构建后异常的问题
  • Select:
    • option数量小于threshold时不开启虚拟滚动
    • 单选下 valueType 为 object 时, onChange返回值类型修复
    • 修复 useDefaultValue、useVModel 初值为 undefined 时, 组件初始化为非受控的问题
    • 修复多选下换行提取占满一行的问题
  • SelectInput: 修复展开下拉时失去焦点不高亮的问题
  • TagInput: 修复中文输入按下 Enter 时不触发新标签
  • InputNumber: 修复enter事件不触发的问题
  • Affix: 节点挂载后吸顶没有执行的问题

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

Vue3 for Web 发布 0.16.1

🌈 Features

  • Cascader: 支持 filter API 用于自定义搜索方法
  • Form: 新增 validateOnly 实例方法
  • Form: 新增 validatesubmit 实例方法参数 showErrorMessage
  • Dialog: 新增preventScrollThrough
  • Table: 支持拖拽调整宽度,设置 resizable=true 即可
  • Table: 支持表头吸顶、表尾吸底、滚动条吸底、分页器吸底等
  • Table: 树形结构,appendTo 支持添加多条数据
  • Table: 树形结构,支持数据节点 懒加载 子节点数据
  • Icon: 新增rollfront图标

🐞 Bug Fixes

  • DatePicker: 修复 datepicker format 导致的高亮问题
  • TimePicker: 修复在 datepicker 中混用 不保留修改结果二次打开的异常
  • TimePicker: 修复部分情况下由于 allowInput ref 问题导致保留改动结果的错误
  • DatePicker: 修复通过过快捷方式设置的时间区间高亮数据异常
  • DatePicker: 修复栅格的情况下组件宽度 超过父级容器的限制 组件显示不完整
  • Dialog: 修复 dialog 蒙层点击事件失效
  • Select: 修复使用 onEnter 事件报错
  • Select: 修复远程搜索功能失效了
  • Cascader: 修复可过滤情况下,结果为空时候的 popup 宽度问题
  • Input: 修复 type password clearable 属性不生效
  • Formsubmit 和 reset 现在不会触发 submit 和 reset 事件
  • Formsubmit 实例方法兼容 safari 浏览器 (https://github.com/Tencent/tdesign-vue-next/pull/964
  • ConfigProvider: 修复 inject computed 中意外出现, 优化配置文件 merge 性能
  • Tabs: 修复 panels 变化时,往右按钮不出现的问题
  • Table: 支持动态数据合并单元格
  • Table: 吸顶表头和自定义显示列场景,支持列拖拽调整顺序
  • Table: 修复 firstFullRow 存在时,拖拽排序的顺序不正确问题
  • Table: 修复加载更多的加载组件尺寸异常问题
  • TimePickerrange 组件最外层使用 range-picker 命名与单时间选项区分

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

React for Web 发布 0.36.1

❗ Breaking Changes

  • reset: 默认移除全局 reset 样式引入,可从 tdesign-react/dist/reset.css 中单独引入,存在不兼容更新

🌈 Features

  • Space: 新增 Space 组件
  • taginputexcessTagsDisplayType 默认值更为 break-line
  • TablefirstFullRow不参与排序
  • Form: 支持 validateOnly 函数 & validate 函数支持 showErrorMessage 参数
  • Locale: 新增日文韩文翻译
  • Select: label 支持 TNode 类型
  • ConfigProvider: 增加 input 组件 autocomplete 配置,增加 dialog 组件 closeOnEscKeydown, closeOnOverlayClick 配置, 增加 select 组件 filterable 配置,增加 drawer 组件 closeOnEscKeydown, closeOnOverlayClick 配置
  • Icon: 新增rollfront图标

🐞 Bug Fixes

  • table: 修复加载更多的加载组件尺寸异常问题
  • Select: 修复输入部分特殊符号过滤时组件崩溃的问题
  • Table: 修复仅有firstFullRow渲染为空的问题
  • SelectonChange事件回调参数缺失
  • Form: 修复 number 校验无效问题

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

解决方案及周边

TDesign Starter CLI 发布 0.2.4

🌈 Features

  • 自定义模式下移除无效的引用

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

TDesign Vue Next Starter 发布 0.3.5

🌈 Features

  • 调整类型相关问题的项目结构
  • 改造请求封装相关代码

🐞 Bug Fixes

TDesign React Starter 发布 0.1.5

🌈 Features

  • 新增卡片列表页
  • 菜单路由配置hiddensingle功能

🐞 Bug Fixes

  • 同步DatePicker组件升级的改动

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

TDesign Weekly Release (June 3rd 2022)

20 Jun 09:00
dee0f7b
Compare
Choose a tag to compare

组件库

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 组件用于单独使用面板的场景, 新增 disableTimeonFocusonBluronInput 等API
  • Datepicker:增加 allowInput api, 新增 DatePickerPanel DateRangePickerPanel 单独使用支持年份、月份区间选择

🐞 Bug Fixes

  • popup:修复初始化 visible true 时的定位抖动
  • Slider:修复 inputNumberProps 无法支持 readonlytips 等 api 配置问题(#941)
  • DatePickerenable-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,datepickerdialog组件的使用请参考改动

🐞 Bug Fixes

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

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

TDesign Weekly Release (June 2nd 2022)

13 Jun 08:35
dee0f7b
Compare
Choose a tag to compare

组件库

Vue2 for Web 发布 0.42.0

❗️ BREAKING CHANGES

  • Dialog:移除 transform 定位实现方案,如有覆盖 Dialog 组件样式的情况请注意 DOM 结构有变动,存在不兼容更新

🌈 Features

  • Table:
    • 筛选对话框输入筛选内容之后按回触发筛选过滤
    • 筛选功能支持自定义组件方式,示例:columns:[{ filter:{ component:DatePicker, props:{} } }]
    • 拖拽调整宽度,支持设置最小宽度和最大宽度 column.resize
    • 拖拽排序事件,新增参数 data newData,分别表示变更前后的数据
  • Popup:支持动态设置 trigger & placement
  • Select:
    • select组件支持虚拟滚动
    • 重构为 composition API 实现,组件底层基于 SelectInput 实现
  • Upload:图片上传文案支持自定义
  • 新增 InputAdornment 组件

🐞 Bug Fixes

  • Popup:修复初始化 visible 为 true 时的定位抖动问题
  • Table:
    • 修复树形结构拖拽排序引起展开收起异常问题
    • 修复动态数据场景下合并单元格支持
  • Select:
    • 修复 inputProps 透传无效的问题
    • 修复 placeholder 无法设置空字符串的问题
    • 修复单选场景无法使用 valueDisplay 能力的问题
  • Datepicker:修复 popupProps 传入无效的问题

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

React for Web 发布 0.35.0

❗ Breaking Changes

  • DatePicker:重构 DatePickerPanelDateRangePickerPanel 逻辑,API 重新规划,存在不兼容更新
  • Dialog:移除 transform 动画方案,dom 结构有所调整,存在不兼容更新
  • InputAdornment:移除 Addon 组件,替换为 InputAdornment,用法保持一致只需更改组件名即可,存在不兼容更新

🌈 Features

  • table:树形结构,支持默认展开全部,以及自由控制展开全部或收起全部
  • table:树形结构,支持空数据插入新节点、当前数据之前插入新节点、当前数据之后插入新节点、获取树形结构等方法
  • table:树形结构,支持自定义树形结构展开收起图标
  • table:树形结构,支持拖拽调整同层级顺序
  • table:拖拽排序事件,新增参数 data newData,分别表示变更前后的数据
  • table:过滤功能,Input 输入框支持 Enter 键触发确认搜索
  • table:排序功能,支持隐藏排序图标文本提示 hideSortTips
  • table:新增可编辑单元格功能
  • textarea:新增allowInputOvermax 支持超出字数限制可以输入
  • DatePicker:优化 DatePicker 组件逻辑
  • Dialog:优化 transform 定位问题导致子节点的 fixed 属性定位失效
  • InputAdornment:新增 InputAdornment 组件

🐞 Bug Fixes

  • MenuItem:修复 MenuItem 在 active 状态点击失效问题
  • InputNumber:修复减号按钮触发两次点击事件问题
  • Dialog:优化 transform 定位问题导致子节点的 fixed 属性定位失效

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

Miniprogram for WeChat 发布 0.13.1

🌈 Features

  • Textarea:支持 cursor-spacing 属性
  • Toast:新增 showToast hideToast 方法

🐞 Bug Fixes

  • Textarea:修复字数统计不生效的问题
  • Textarea:移除无用的组件依赖

Others

  • 支持微信开发者工具可视化编程

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

TDesign Weekly Release (June 1st 2022)

06 Jun 07:03
dee0f7b
Compare
Choose a tag to compare

组件库

Vue2 for Web 发布 0.41.7

🌈 Features

  • Table
    • appendTo 支持添加新节点到根节点
    • 新增 getTreeNode,用于获取整个树形结构
    • EnhancedTable 支持事件
    • 表格支持编辑单元格
    • InputNumber: 通过 inputProps 透传 Input 组件全部特性

🐞 Bug Fixes

  • Progress: theme 由 circle 切换至 plump 后样式错乱
  • InputNumber: 修复theme = column时设置 align 失效的问题
  • Table: 修复表头多选框无法居中和居右展示的问题
  • 修复无法在 SSR 场景下使用的问题

🚧 Others

  • 官网: 支持在线配置组件库主题

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

Vue3 for Web 发布 0.15.4

🌈 Features

  • Cascader: 增加属性透传 selectInputProps

🐞 Bug Fixes

  • Steps: 修复插槽渲染逻辑问题
  • Dropdown: 修复通过插槽方式渲染点击事件 data 参数不正确
  • Radio: 修复 Group 模式下 allowUncheck 显示错误
  • Cascader: 修复 options 异步获取无法选择任意级的选项
  • InputNumber: 修复 v-model 值不为 number 类型时的报错,增加类型判断组件表现
  • Menu: 修复暗黑模式下 popup 样式问题
  • Menu: 修复箭头方向错误的问题
  • Tree: 修复存在 keys 属性时,严重闪烁
  • Cascader: 修复无法透传属性 popupProps
  • Transfer: 修复当与tree结合的全选判断问题

🚧 Others

  • 官网: 支持在线配置组件库主题

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

Vue3 for Web 发布 0.15.3

🌈 Features

  • TableappendTo 支持添加新节点到根节点
  • Table: 新增 getTreeNode,用于获取整个树形结构
  • Table: 添加 onDragSort 事件到 EnhancedTable
  • InputNumber: 透传 Input 组件全部特性

🐞 Bug Fixes

  • transfer: 修改 v-model,页面没有同步更新
  • InputNumber: 修复必填问题
  • Button: 修复ref应用错误的问题
  • Swiper: 动态列表渲染问题
  • Table: 可编辑单元格,使用日期选择器时,切换月份也会导致退出编辑模式
  • Form: 修复 form实例方法 submit 调用后的刷新问题

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

React for Web 发布 0.34.4

🌈 Features

  • Skeleton: 延时关闭功能
  • Dialog: 增强 dialog 组件 confirmBtn & cancelBtn
  • Notifycation: 新增样式命名区分 theme

🐞 Bug Fixes

  • Loading: 修复 loading plugin 类型缺失 style 和 class 的问题
  • skeleton: 动画结束后,父级无意义的 div 导致样式无法继承、计算
  • TimePicker: 修复RangePicker的聚焦样式丢失的问题
  • Form: 修复 addonform 表单下数据劫持失败问题
  • Select: 当 multiple 为 true 的时候,筛选(filter)功能无法关闭
  • Menu: 兼容 menu 子元素为 null 场景报错问题
  • Upload: 修复错误信息不消失问题
  • TagInput: 修复中文输入法 enter 时,既触发添加 tag也input 框有输入的字母的问题

🚧 Others

  • 官网: 支持在线配置组件库主题

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

Miniprogram for WeChat 发布 0.13.0 ,进入 beta 阶段

❗ Breaking Changes

  • Picker
    • 事件 change 更名为 pick
    • 事件 confirm 更名为 change
  • PickerItem
    • 移除 value 属性
  • DateTimePicker
    • 新增 startend 属性用于替代 disable-date 属性
    • 移除 disable-date 属性
    • 事件 change 更名为 pick
    • 事件 confirm 更名为 change
    • 移除 column-change 事件
    • 属性 format 默认值改成 ''
    • 重构了事件返回参数,在传入了 format 属性时,value 则是格式化之后的值,否则就是 picker-item 的值

🌈 Features

  • Tabbar: 新增支持 icon 插槽
  • Button: 新增 iconProps 属性透传至 icon
  • Collapse: 新增 t-class-header & t-class-content 外部样式类
  • Input: 新增 prefixIcon 属性和插槽

🐞 Bug Fixes

  • Tabs: 修复在 popup 中使用时丢失 tab-nav 的问题
  • Input: 修复 max-character 不生效的问题
  • PullDownRefresh: 修复使用组件之后无法滚动的问题

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

Vue3 for Mobile 发布 0.8.6

🌈 Features

  • Indexes: 新增 Indexes 组件
  • ActionSheet: 新增 ActionSheet 组件
  • Icon: 更新图标 新增file-icon图标 调整file-excelfile-pdffile-powerpointfile-unknownfile-wordstar-filled图标的绘制路径

🐞 Bug Fixes

  • Textarea: 修复label不生效问题;样式优化
  • Badge: 修复组件设置 color 属性无效问题
  • Swiper: 支持通过修改loop值关闭循环

🚧 Others

  • Refactor: 将 mask 重命名为 overlay
  • Refactor: 重构Progress组件,Api更新
  • Refactor: 重构 Slider 组件
  • Refactor: 重构 NoticeBar 组件
  • feat: 站点支持搜索

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

解决方案及周边

TDesign Starter CLI 发布 0.2.3

🐞 Bug Fixes

TDesign Vue Next Starter 发布 0.3.3

🌈 Features

  • 模板中使用颜色变量全部改造为CSS Token

🐞 Bug Fixes

  • 升级组件库至0.15.4,修复菜单字重及顶部菜单箭头翻转方向、暗黑模式的颜色问题

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

TDesign React Starter 发布 0.1.4

🌈 Features

  • 增加面包屑导航
  • 搜索框样式优化
  • Layout组件命名语义化
  • 图表主题功能优化

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

TDesign Weekly Release (May 4th 2022)

30 May 09:15
dee0f7b
Compare
Choose a tag to compare

组件库

Vue2 for Web 发布 0.41.6

🌈 Features

  • ColorPicker:新增颜色选择器,使用请参照 官网

🐞 Bug Fixes

  • Table:
    • EnhancedTable,树形结构中,修复可选中表格禁用行勾选问题:动态设置选中列时,禁用失效
    • EnhancedTable,树形结构中,toggleExpandData 和 expandAll/FoldAll 混合使用时,树形结构展开有误
    • table初始化时,fixed 的阴影效果没有出现
  • Tabs:修复选项卡新增和删除在normal风格下无效
  • Drawer:修复 Drawer使用按键关闭时 contenteditable 出现的边框
  • Layout:去除 Header额外高度设置

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

Vue3 for Web 发布 0.15.2

🐞 Bug Fixes

  • ColorPicker:修复 color-picker-panel 使用 v-model 值没有正确更新
  • Form:修复表单重置 onReset 不传会报错
  • Upload:修复 placeholder image 模式下不生效
  • Transfer:修复列表数量变化时的页码展示问题
  • Form:修复实例方法 reset 参数不生效的问题
  • Formresetsubmit现在会调用原生 form中的方法
  • Affix:兼容<keep-alive/>场景
  • Tabs:修复选项卡新增和删除在normal风格下无效
  • ColorPicker:点击panel会关闭的问题
  • Select:修复 option显示问题
  • Affix:兼容<keep-alive/>场景

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

Vue3 for Web 发布 0.15.1

🌈 Features

  • Table:支持可编辑单元格的表格
  • Select:新增事件 onPopupVisibleChange
  • Select:新增 onChange 事件参数,trigger,用于表示当次变化的触发来源

🐞 Bug Fixes

  • test:renderTNode 默认参数和 tag 组件单元测试用例修复
  • Table:EnhancedTable,树形结构中,可选中表格禁用行勾选问题:动态设置选中列时,禁用失效
  • Table:EnhancedTable,树形结构中,toggleExpandData 和 expandAll/FoldAll 混合使用时,树形结构展开有误
  • Slider:修复slider部分tooltip属性设置无法生效问题
  • Input:清除操作触发了非必要事件 onBlur
  • Drawer:修复按键 ESC 关闭无法触发
  • Select:修复使用 creatable 创建新条目时,会出现额外空选项
  • Select:修复 showArrow 属性设置为 false,右侧箭头依然显示
  • Progress:修复 theme 动态变化错误
  • Transfer:修复 transfer 选中态无法点击

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

React for Web 发布 0.34.3

🐞 Bug Fixes

  • Table:处理table过滤输入失焦问题
  • Form:修复 FormItem 拦截组件受控属性默认值为数组时传入 undefined 报错问题
  • Form:修复 FormItem rules 失效问题
  • Pagination:修复 totalContent jsx 渲染失败问题
  • Datepicker:修复 popupProps 透传优先级问题

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

Miniprogram for WeChat 发布 0.12.1

🐞 Bug Fixes

  • Dialog:修复按钮传入 openType 不生效的问题
  • Collapse:修复 t-class 外部样式类无法使用的问题
  • DropdownMenu:修复 label 无法实时更新的问题
  • Sticky:修复吸顶后 tabs 无法滑动的问题
  • Tabbar:补充缺失的 icon 插槽

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

Miniprogram for WeChat 发布 0.12.0

❗ Breaking Changes

  • CollapseexpandIcon默认值从 true改成 null,存在不兼容更新
  • CollapseheaderRightContent 移除 boolean 类型,存在不兼容更新

🌈 Features

  • Steps:节点支持自定义样式

🐞 Bug Fixes

  • Tabbar:优化代码避免在 setData 里传输不必要的页面实例
  • Sticky:修复在无法获取页面实例时报错的问题
  • Skeleton:添加组件基础默认样式
  • DropdownMenu:修正遮罩层的位置,以及下拉菜单的高度
  • DropdownMenu:修复菜单选项点击区域过小的问题
  • BackTop:修复丢失的 to-top 事件
  • Collapse:修复 headerexpand-iconheader-right-content 插槽无法使用的问题

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

设计资源

Figma for Mobile 发布 1.0.4

🌈 Features

  • 新增7类组件:Fab悬浮按钮 / Drawer抽屉 / DropdownMenu下拉菜单 / Actionsheet动作面板 / Collapse折叠面板 / Preview图片预览 / Noticebar公告栏

🐞 Bug Fixes

  • Button:补充样式类型,优化展示布局
  • Datetimepicker:补充秒、星期的展示,优化布局规则及autolayout实现
  • Picker:优化布局规则及 autolayout 实现
  • Progress:补充按钮带进度的样式类型
  • Swiper:补充轮播控件方位特性
  • Skeleton:补充样式类型
  • Dialog:补充带图片的样式类型
  • Popup:补充底部弹出场景的示例

详情见:https://www.figma.com/community/file/1053279585699097956/TDesign-for-mobile

解决方案及周边

TDesign Vue Starter 发布 0.2.2

🌈 Features

  • 升级组件库依赖至0.41.5
  • 优化计算列表吸顶高度与多标签页关系的逻辑
  • 多标签页增加支持指定路由不缓存的功能

🐞 Bug Fixes

  • 修复多标签页关闭左侧会关闭首页的问题

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

TDesign Vue Next Starter 发布 0.3.2

🌈 Features

  • 升级组件库依赖至0.15.1
  • 增加多标签页增加支持指定路由不缓存的功能

🐞 Bug Fixes

  • 修复页面滚动条不重置的问题
  • 修复多标签页关闭逻辑缺陷

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