Skip to content

Releases: Tencent/tdesign

TDesign Weekly Release (Oct 3rd 2022)

26 Oct 10:04
Compare
Choose a tag to compare

组件库

Vue2 for Web 发布 0.49.1

🚀 Features

🐞 Bug Fixes

  • Select: 空值兼容 null 的情况 issue#1668 @skytt (#1667)
  • Upload: @chaishi (#1669)
    • 修复 name 无效的问题
    • 修复自定义上传方法不支持图片回显的问题
  • Collapse: 修复点击标题没有触发折叠功能的问题 @huangpiqiao (#1676)
  • Tabs: 修复 Tabs 切换时会导致表单初始化聚焦失效问题 @huangpiqiao (#1676)
  • Datepicker: @luwuer (#1587)
    • 修复 t-date-picker__cell--active-startt-date-picker__cell--active-end 在第二次操作时错序的问题 issue#1580
    • 修复 hover 已选择日期动画导致 cell 闪烁问题 @luwuer (#1587)
  • Textarea: 修复禁用状态字数限制区域的样式问题 @uyarn (#1684)
  • Space: 修复子节点为空的报错 @uyarn (#1684)
  • Dialog: 修复 theme 为非 default 时 body 节点类名的问题 @uyarn (#1684)

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

Vue3 for Web 发布 0.24.3

🚀 Features

  • Upload: 多图片上传,图片文件名支持 abridgeName @chaishi (#1899)
  • Site: 增加 boxshadow 主题生成器 @uyarn (#1884)

🐞 Bug Fixes

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

React for Web 发布 0.42.4

🚀 Features

🐞 Bug Fixes

  • Drawer: 修复浮层关闭后聚焦问题 @NWYLZW (#1591)
  • Input: 修复input 限制字符无效问题 @HQ-Lin (#1624)
  • Slider: 修复 slider marks 为 object 时刻度位置异常 @HelKyle (#1600)
  • Popup: 兼容 trigger 元素获取异常报错问题 @HQ-Lin (#1626)
  • Form: 调整 requireMark showErrorMessage等默认值 @HQ-Lin (#1602)
  • Select: 修复 onChange 回调参数缺失问题 @uyarn (#1603)
  • Swiper: 当轮播只有一个时,点击左侧按钮后,按钮失效问题 @yatessss (#1604)
  • Dropdown:
    • 修复子组件平铺渲染时渲染异常的问题 @uyarn (#1599)
    • 修复无法使用三元表达式渲染item组件的问题 @uyarn (#1599)
  • Upload:
  • Tabs:

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

Miniprogram for WeChat 发布 0.23.1

🐞 Bug Fixes

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

Vue3 for Mobile 发布 0.12.2

🚀 Features

  • Avatar: 新增 imageProps 属性透传至 Image 组件 @anlyyao (#417)
  • List: scroll 事件新增 scrollTop 参数 @LeeJim (#427)

🐞 Bug Fixes

  • DateTimePicker: 修复 cancelBtnconfirmBtn 无效的问题 @anlyyao (#407)
  • Cell: 修复 RightIcon 渲染错误 @anlyyao (#416)
  • NoticeBar: 修复 prefixIcon 类型错误,取消 String 类型,新增 Boolean 类型 @anlyyao (#421)
  • NoticeBar: 修复 contentextra 内容重复渲染问题 @anlyyao (#421)
  • Grid: 修复 image 插槽无法正常渲染的问题 @LeeJim (#423)

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

设计资源

Sketch for Web 发布 1.1.2

🚀 新组件,新优化

  • 性能优化:组件的整理与命名优化,提高识别效率,减少层级;不使用隐藏图层的方式来表达组件状态,性能大幅提升
  • 样式升级:优化颜色图层应用图层样式,优化色值描述文字;新增 500+ 字体样式并全局应用,修复了大量 Dirty Style 文本;新建投影图层样式并全局应用
  • 示例页:所有示例页全新升级,浏览组件更合理更便捷
  • 图层样式:去掉冗余重复的样式;优化样式命名,去除了名称中交互态的说明,应用样式时选择更快捷,体验更加友好
  • Layout:新增示例页
  • Shadow:新增示例页
  • Button:统一不同尺寸,不同类型、不同交互态的按钮,共计新增了1200+组件,且已应用图层与文本样式,可在 Overrides 修改按钮的圆角半径了
  • Swiper:新增轮播组件
  • Tag: 新增不同类型组件
  • Link:新增链接组件,新增不同类型组件
  • Image:新增图片组件,应用已有图标组件
  • Card:新增卡片组件,整理图层
  • ImageViewer:新增图片查看器组件
  • Search:新增搜索组件,新增不同类型组件,添加自适应逻辑
  • Timeline:新增时间轴组件
  • Table:新增不同类型组件,应用独立边框样式

⚠️ Change

  • Steps:解决步骤条组件错误图标颜色显示不正确问题;重构组件,补全了缺少的组件,添加自适应逻辑
  • Badge:解决徽标组件中示例显示不正确问题,增加自适应逻辑
  • Rate:解决了评分交互状态没说明弹窗的问题
  • Pagination:分页中的选择器样式更新
  • Calendar:重构组件内容,应用独立边框样式,补全了缺少的组件
  • Message:补全缺少的组件
  • Anchor:重构组件,应用独立边框样式
  • Breadcrumb:重构组件,补全了缺少的组件
  • Dropdown:重构组件,补全了缺少的组件,提供不同主题与类型
  • Tab:重构组件,应用独立边框样式,补全了缺少的组件,添加了自适应逻辑
  • List:重构组件,修复了元素间距与组件尺寸
  • Comment:去除冗余组件,添加自适应逻辑
  • Collapse:去除冗余组件,添加自适应逻辑
  • Tag: 重构组件,修复了元素间距与组件尺寸,新增不同类型组件
  • Radio:修复字体样式与图层圆角半径错误的问题,新增不同类型组件
  • Checkbox:修复字体样式与图层圆角半径错误的问题,新增不同类型组件
  • InputNumber:去除冗余组件,添加自适应逻辑,补全了缺少的组件,新增不同类型组件
  • Transfer:应用现有组件重构穿梭框组件,去除冗余组件,并全局应用
  • Tree:应用现有组件重构树结构组件,现在文本样式已正确应用,新增不同类型组件供选择,添加自适应逻辑
  • Select:应用现有组件重构选择器组件,去除冗余组件,新增不同类型组件,添加自适应逻辑
  • Cascader:应用现有组件重构级联选择器组件,去除冗余组件,新增不同类型组件,添加自适应逻辑
  • Input:去除冗余组件,新增不同类型组件,添加自适应逻辑
  • DatePicker:整理图层,正确应用文本及图层样式,去除冗余组件,新增不同类型组件,添加自适应逻辑
  • Upload:整理图层,新增不同类型组件

🐞 Bug Fixes

  • Tooltips:修复箭头小三角的显示错误问题
  • Dialog:修复圆角半径错误的问题,补全缺少组件
  • Notification:修复圆角半径错误的问题,补全了缺少的组件
  • Popconfirm:修复箭头小三角的显示错误问题
  • Avatar:修复图层样式应用错误的问题,按尺寸新增头像类型;修复了组合头像使用图层外边框的问题
  • Alert:修复图层已应用样式
  • Slider:修复了元素间距

解决方案及周边

TDesign Vue Starter 发布 0.4.3

🚀 Features

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

TDesign Vue Next Starter 发布 0.5.4

🚀 Features

🐞 Bug Fixes

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

TDesign Weekly Release (Oct 2nd 2022)

19 Oct 09:01
Compare
Choose a tag to compare

组件库

Vue2 for Web 发布 0.49.0

❗ Breaking Changes

  • Dropdown: 调整Dropdown样式,优化多层菜单样式结构,多层菜单结构有变动 @uyarn (#1607)

🚀 Features

  • Dropdown: @uyarn (#1607)
    • 支持direction API,支持向左展开菜单
    • 新增theme等API 支持自定义菜单项主题
    • 支持直接使用 t-dropdown-menu 作为子节点,同时继续支持 dropdown 的具名插槽,插槽方式支持多级菜单嵌套
  • Tag: 样式优化,实现 light-outline 风格 @HelKyle (#1617)
  • Table: @chaishi (#1633)
    • 表格列属性 attrs 支持自定义任意单元格属性
    • 新增列属性 colspan,用于设置单行表头合并
    • 超出省略功能,支持同时设置省略浮层内容 ellipsis.content 和属性透传 ellipsis.props
    • 增强型表格,支持列配置,支持不传 displayColumns 时默认显示全部列,issue#1784
  • Card: Card 样式调整 @yilaierwang (#1631) (common#901)

🐞 Bug Fixes

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

Vue3 for Web 发布 0.24.2

🚀 Features

  • Select: 下拉框隐藏的时候清空筛选文本 @skytt (#1847)
  • Tag: 样式优化,实现 light-outline 风格 @HelKyle (#1859)
  • Table: 增强型表格,支持列配置,支持不传 displayColumns 时默认显示全部列,(issue #1784) @chaishi (#1869)
  • DatePicker: 调整 requiredMark api 可独立控制星号展示 @HQ-Lin (#1832)

🐞 Bug Fixes

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

React for Web 发布 0.42.3

🚀 Features

  • Form: 调整 requiredMark api 可独立控制星号展示 @HQ-Lin (#1580)

🐞 Bug Fixes

  • Table:
    • 唯一 key 不再和 rowIndex 相加,避免重复问题 @chaishi (#1594)
    • 拖拽排序失效问题,primaryTableRef 丢失 @chaishi (#1594)
  • DatePicker: 修复 range 数据格式化异常问题 @HQ-Lin (#1587)
  • Collapse: 修复 defaultExpandAll 属性没有生效 & 包含 form 表单的时候样式出现溢出问题 @duanbaosheng (#1579)
  • Form: 修复 getInternalHooks 警告问题 @HQ-Lin (#1577)

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

Miniprogram for WeChat 发布 0.23.0

🚀 Features

  • Cascader: 新增级联选择器 @LeeJim (#912)
  • RadioGroup: 新增 align 和 icon 属性,当使用 options 渲染子项时有效 @LeeJim (#912)

🐞 Bug Fixes

  • PulldownRefresh: 修复高度无法自适应外容器的问题 @LeeJim (#909)
  • Tabs: 修复 placement = left 时, Nav 不可见且不居左的问题 @LeeJim (#908)
  • TabBar: 修复 item 不传 value 时无法自动生成备用值的问题 @LeeJim (#914)

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

Vue3 for Mobile 发布 0.12.1

🚀 Features

  • Overlay: 新增 customStyle属性,支持自定义遮罩样式 @anlyyao (#403)

🐞 Bug Fixes

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

解决方案及周边

TDesign Vue Next Starter 发布 0.5.3

🚀 Features

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

TDesign Weekly Release (Oct 1st 2022)

11 Oct 09:48
Compare
Choose a tag to compare

组件库

Vue2 for Web 发布 0.48.5

🚀 Features

  • Select: 调整下拉交互 允许输入时不关闭下拉面板 减少相关交互问题 @uyarn (#1600)
  • Datepicker: 支持 valueType 格式化日期用法 @HQ-Lin (#1578)
  • ImageViewer: 移除额外的根元素 @sinbadmaster (#1598)

🐞 Bug Fixes

  • Upload:
  • TimePicker: 关闭面板不再滚动 避免部分场景滚动未结束关闭面板继续滚动引发的问题 @uyarn (#1590)
  • Select: value 参数类型检测报错修复,增加 value 传值异常流的控制台提示 @skytt (#1574)

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

Vue3 for Web 发布 0.24.1

❗ Breaking Changes

  • Dropdown: 调整Dropdown样式,优化多层菜单样式结构,多层菜单结构有变动 @uyarn (#1817)

🚀 Features

  • Table:
    • 表格列属性 attrs 支持自定义任意单元格属性 @chaishi (#1804)
    • 新增列属性 colspan,用于设置单行表头合并 @chaishi (#1804)
    • 超出省略功能,支持同时设置省略浮层内容 ellipsis.content 和属性透传 ellipsis.props @chaishi (#1804)
  • Dropdown:
    • 支持direction API,支持向左展开菜单 @uyarn (#1817)
    • 新增theme等API 支持自定义菜单项主题 @uyarn (#1817)
    • 支持直接使用 t-dropdown-menu 作为子节点,同时继续支持 dropdown 的具名插槽,插槽方式支持多级菜单嵌套 @uyarn (#1817)
  • Dialog: 增加 fullscreen api @gumingWu (#1687)
  • Select: 调整下拉交互允许输入时,不关闭下拉面板,减少相关交互问题 @uyarn (#1808)

🐞 Bug Fixes

  • Dropdown: 修复插槽用法的使用缺陷 (issue #1825) @uyarn (#1827)
  • Hooks: 修复受控属性 modelValue 和其他受控属性处理逻辑不一致的问题 @jxwanglong (#1828)
  • Upload:
    • 修复 upload 导出预期外的变量导致组件注册时出现告警 @PengYYYYY (#1775)
    • 添加参数 response 到事件 onSuccess,单文件是对象,多文件是数组,issue#1774 @chaishi (#1776)
  • Tree:
    • 修复expandOnClickNodecheckable冲突的问题 @uyarn (#1812)
    • 修复disabled状态下无法展开子选项的错误 @uyarn (#1812)
  • TreeSelect:
  • Swiper: 修复卡片模式时,切换空白的问题(issue #1763) @btea (#1796)
  • Popup: 修复更改 classprefix 导致展开收起动画失效及相关连锁问题 @uyarn (#1790)
  • TimePicker: 修复部分设备下无法获取内联 token 导致的滚动异常 @uyarn (#1790)

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

React for Web 发布 0.42.2

🚀 Features

  • Select: 调整下拉交互 允许输入时不关闭下拉面板 减少相关交互问题 @uyarn (#1570)
  • DatePicker: 支持valueType API @HQ-Lin (#1554)
  • Table:
    • 新增 showHeader,支持隐藏表头 @chaishi (#1566)
    • 新增 column.colKey = serial-number,支持序号列功能,#1517 @chaishi (#1566)
    • 新增 showSortColumnBgColor,用于控制是否显示排序列背景色 @chaishi (#1566)
    • 支持属性 tree.treeNodeColumnIndex 动态修改, #1487 @chaishi (#1566)
    • 表格列属性 attrs 支持自定义任意单元格属性 @chaishi (#1566)
    • 新增列属性 colspan,用于设置单行表头合并 @chaishi (#1566)
    • 超出省略功能,支持同时设置省略浮层内容 ellipsis.content 和属性透传 ellipsis.props @chaishi (#1566)
    • 支持泛型 @chaishi (#1552)

🐞 Bug Fixes

  • InputNumber: 输入中文或特殊符号时,清空数字为 undefined @chaishi (#1553)
  • Upload:
  • Card: 修复shadow API不生效的问题 @Flower-F (#1555)
  • Select: 修复新创建的条目与已有项重复时重复显示的问题 @samhou1988 (#1550)
  • TreeSelect: 修复 filterable 时,点击 treeselect 闪的问题 @HelKyle (#1569)
  • Form: 修复 FormList 动态设置节点初始值丢失问题 @HQ-Lin (#1571)
  • Input: 兼容异步渲染组件计算宽度异常情况 @HQ-Lin (#1568)
  • Table:
  • Dialog: 修复初次点击内容区域移到 mask 区域后关闭弹窗问题 @HQ-Lin (#1573)
  • Pagination: 修复 jumper 输入框联动问题 @HQ-Lin (#1574)

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

Miniprogram for WeChat 发布 0.22.0

🚀 Features

🐞 Bug Fixes

  • Dialog: 函数式Dialog.close() 关闭窗体支持自定义 selector @anlyyao (#894)
  • Message: 函数式Dialog.hide() 关闭窗体支持自定义 selector @anlyyao (#894)

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

Vue3 for Mobile 发布 0.12.0

🚀 Features

🐞 Bug Fixes

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

TDesign Weekly Release (Sep 4th 2022)

28 Sep 08:34
6663f51
Compare
Choose a tag to compare

组件库

Vue2 for Web 发布 0.48.3

🚀 Features

  • ImageViewer: 新增 ImageViewer 图片预览组件 @sinbadmaster (#1520)
  • Upload: 组件重构 @chaishi (#1561)
    • 新增beforeAllFilesUpload,所有文件上传之前执行,支持一次性判定所有文件是否继续上传。已经存在的 beforeUpload 用于判定单个文件的是否继续上传
    • 新增事件 onValidate,文件校验不通过时触发,可能情况有:自定义全文件校验不通过、文件数量校验不通过、文件数量校验不通过
    • 新增事件 onOneFileSuccess ,多文件上传场景下,在单个文件上传成功后触发
    • beforeUpload 存在时,依然支持 sizeLimit 检测
    • formatRequest 用于新增或修改上传请求参数
    • 一个请求上传多个文件时,参数携带全部文件
    • 新增 triggerButtonProps 用于指定触发按钮风格
  • Table: @chaishi (#1562)
    • 支持属性 tree.treeNodeColumnIndex 动态修改, tdesign-vue-next#1487
    • Table: 新增 showHeader,支持隐藏表头 @chaishi (#1562)
    • Table: 新增 column.colKey = serial-number,支持序号列功能 @chaishi (#1562)
    • Table: 新增 showSortColumnBgColor,用于控制是否显示排序列背景色 @chaishi (#1562)

🐞 Bug Fixes

  • Select: @skytt (#1566)
    • 修复可创建新条目场景下回车选择错误的问题(#1563 )
    • 修复创建条目和选中已有条目同时触发的问题
    • 完善键盘事件, 创建的新条目可通过键盘选择
  • Table: @chaishi (#1562)
    • 树形结构,叶子节点缩进距离修正
    • 超出省略功能,ellipsisTitle优先级应当高于 ellipsisissue#1404
    • 行选中功能,修复 column.type=single 时,column.title 无效问题,issue#1372
    • 过滤功能,list.value 值为 number 无法高亮过滤图标问题 @chaishi (#1562)
    • 行选中功能,数据变化时,选中的数据依旧是变化前的数据,tdesign-vue-nex#1722
    • 不提供expandedRowKeys的绑定会报错 ,缺少判空,tdesign-vue-nex#1704 @chaishi (#1562)
    • 修复视图切换或表格变化的场景下 吸顶吸底效果没有重新渲染计算的问题 issue#1529 @uyarn (#1570)
  • DatePicker:
    • 修复手动清空输入框关闭弹窗没有重置数据问题 @HQ-Lin (#1565)
    • 修复 disableDate 传入 lambda 函数被频繁触发的问题 @HQ-Lin (#1569)
  • TimePicker: 修复部分场景 style 属性内的 token 缺失导致滚动异常的问题 @uyarn (common#877)

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

Vue3 for Web 发布 0.23.0

❗ Breaking Changes

  • Upload:
    • autoUpload=false 时,增加 onChange 事件的触发@chaishi (#1723)
    • 移除文档中不存在的 API customDraggerRender,请使用 dragContentchildren 自定义拖拽区域@chaishi (#1723)

🚀 Features

  • Upload:
    • 为适应 requestMethod 参数由文件对象,更为数组 @chaishi (#1723)
    • UploadFile 对象新增 uploadTime 属性,用于表示上传时间 @chaishi (#1723)
    • theme=file 支持多文件上传 @chaishi (#1723)
    • 文件上传前处理函数 beforeUpload 存在时,依然支持 sizeLimit 检测 @chaishi (#1723)
    • 新增 beforeAllFilesUpload,所有文件上传之前执行,支持一次性判定所有文件是否继续上传。已经存在的 beforeUpload 用于判定单个文件的是否继续上传 @chaishi (#1723)
    • 新增事件 onValidate,文件校验不通过时触发,可能情况有:自定义全文件校验不通过、文件数量校验不通过、文件数量校验不通过、文件名重复(允许重复文件名场景下不会触发)@chaishi (#1723)
    • 新增事件 onOneFileSuccess ,多文件上传场景下,在单个文件上传成功后触发 @chaishi (#1723)
    • 新增事件 `onOneFileFail ,多文件上传场景下,在单个文件上传失败后触发 @chaishi (#1723)
    • 新增 formatRequest 用于新增或修改上传请求参数(现有的 format 用于格式化文件对象)@chaishi (#1723)
    • 新增 triggerButtonProps 用于指定文件选择触发按钮风格 @chaishi (#1723)
  • Table:
    • 新增 column.resizable 支持自定义任意列是否可拖拽调整宽度 @ZTao-z (#1732)
    • 新增 showHeader,支持隐藏表头 @chaishi (#1740)
    • 新增 column.colKey = serial-number,支持序号列功能,(#1517( @chaishi (#1740)
    • 新增 showSortColumnBgColor,用于控制是否显示排序列背景色 @chaishi (#1740)
    • 支持属性 tree.treeNodeColumnIndex 动态修改, (#1487) @chaishi (#1740)
  • Menu: 如果存在链接参数,默认使用标签 <a> (issue #1671) @Lmmmmmm-bb (#1728)
  • Image: 增加 image 组件 @PengYYYYY (#1735)

🐞 Bug Fixes

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

React for Web 发布 0.42.1

🚀 Features

  • Form:
    • FormList name 支持传入数组 @HQ-Lin (#1518)
    • FormItem 支持函数渲染子节点 @HQ-Lin (#1518)
    • FormItem 支持 shouldUpdate api 自定义控制渲染时机 @HQ-Lin (#1518)
  • Upload:
  • Table: 新增 column.resizable 支持自定义任意列是否可拖拽调整宽度 @ZTao-z (#1535)
  • Tooltip: 新增lite模式子组件,rate/imageviewer改用lite版本 @carolin913 (#1546)
  • TimePicker: 优化边距 ui @wanghanzhen (#1531)
  • ImageViewer: 优化内部 dom 节点class bem 命名规范 @Ylushen (#1533)

🐞 Bug Fixes

  • Upload:
    • 修复无法多次拖拽上传文件问题 @chaishi (#1524)
    • 修复文件大小超出时无法显示错误问题 @chaishi (#1524)
    • 修复文件上传进度仅显示 0% 和 100%,缺少中间进度 问题 @chaishi (#1524)
  • Input:
    • 修复input的 autoWidth 配置开启下,计算宽度时取的 placeholder不正确问题 @yusongh (#1537)
    • 修复默认状态提示文字颜色错误问题 @xiaosansiji (#1486)
  • TimePicker: 修复部分场景滚动异常无法选中23:59:59的问题 @uyarn ([#151...
Read more

TDesign Weekly Release (Sep 3rd 2022)

21 Sep 10:04
6663f51
Compare
Choose a tag to compare

组件库

Vue2 for Web 发布 0.48.0

❗ Breaking Changes

  • DatePicker: 移除 valueType api,可使用返回的 dayjs 对象自行格式化 @HQ-Lin (#1510)

🚀 Features

  • Table: 新增 column.resizable 支持自定义任意列是否可拖拽调整宽度 @ZTao-z (#1523)
  • Message: Message 新增 onClose 事件 @zhangpaopao0609 (#1467)
  • Rate: 新增Rate评分组件 @Yilun-Sun (#1462)
  • DatePicker: 交互优化,二次修改日期不规范时清空另一侧数据 @HQ-Lin (#1521)

🐞 Bug Fixes

🚧 Others

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

Vue3 for Web 发布 0.22.0

❗ Breaking Changes

🚀 Features

  • LiveDemo: 添加 watermark LiveDemo @k1nz (#1684)
  • Table: 可编辑单元格,添加 row/rowIndex/col/colIndexonEdited @chaishi (#1695)
  • ImageViewer: 支持 titletrigger 中的 open api @sinbadmaster (#1686)
  • DatePicker: 默认时间调整成 00:00:00 @HQ-Lin (#1660)
  • DatePicker: 优化二次修改日期不规范时清空另一侧数据 @HQ-Lin (#1688)

🐞 Bug Fixes

🚧 Others

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

React for Web 发布 0.42.0

❗ Breaking Changes

  • DatePicker: 移除 valueType api,可使用返回的 dayjs 对象自行格式化 @HQ-Lin (#1487)
  • Select: 移除 onVisibleChangebordered 多余 api,可使用 onPopupVisibleChangeborderless 替代 @HQ-Lin (#1505)

🚀 Features

  • Form: 新增 useWatch hook @HQ-Lin (#1490)
  • DatePicker:
    • 优化动态更新年份滚动交互体验 @HQ-Lin (#1502)
    • 优化二次修改日期不规范时清空另一侧数据 @HQ-Lin (#1492)

🐞 Bug Fixes

🚧 Others

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

Miniprogram for WeChat 发布 0.21.1

🚀 Features

  • Toast: 使用 Transition 实现淡入淡出动画 @LeeJim (#863)
  • Upload: 新增 source 属性,支持从聊天会话中读取文件 @LeeJim (#868)

🐞 Bug Fixes

  • Toast: 重构 DOM 以及代码逻辑 @LeeJim (#863)
  • ActionSheet: 修复 theme = list 时点击选项之后报错的问题 @LeeJim (#866)
  • Tabs: 修复嵌套使用时样式错误的问题 @LeeJim (#869)

🚧 Others

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

Vue3 for Mobile 发布 0.10.6

🚀 Features

Read more

TDesign Weekly Release (Sep 2nd 2022)

14 Sep 09:48
6663f51
Compare
Choose a tag to compare

组件库

Vue2 for Web 发布 0.47.0

❗ Breaking Changes

  • 支持 es module 导出不带样式产物,调整 lib 包内容,新增 cjs 产物支持 commonjs 导出不带样式产物 @HQ-Lin (#1493)

🚀 Features

🐞 Bug Fixes

  • Tabs: 修复替换 classPrefix 时组件渲染异常的问题 @uyarn (#1494)
  • Upload: 修复在 wujie 环境中,部分按钮会触发两次的问题 @chaishi (#1502)
  • TimePicker: 修复往前点击时间时滚动异常的问题 @uyarn (#1499)
  • DatePicker: 修复 cell-click 返回日期错误 @HQ-Lin (#1490)

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

Vue3 for Web 发布 0.21.0

❗ Breaking Changes

  • 支持 es module 导出不带样式产物,调整 lib 包内容,新增 cjs 产物支持 commonjs 导出不带样式产物 @HQ-Lin (#1646)

🚀 Features

🐞 Bug Fixes

  • LiveDemo: 修复 tree live demo 问题 @HQ-Lin (#1628)
  • Dropdown: 修复树形结构下的 onclick 调用错误 @PengYYYYY (#1647)
  • Table: 修复 columns typemultiple 时,设置 className 无效的问题 (issue #1632) @ojhaywood (#1633)
  • Table: 优化列宽调整策略 @ZTao-z (#1649)
  • TimePicker: 修复往前点击时间时滚动异常的问题 @uyarn (#1657)
  • watermark: 修复 removable 无效 @samhou1988 (#1635)
  • Form: 修复 labelAlign 为 top 时, form-item lable 为空 lable 还会占据空间的问题 @ojhaywood (#1623)
  • ImageViewer: 多图片示例切换状态修复 @sinbadmaster (#1630)

🚧 Others

  • Demo: 使用 space 组件简化 avatar, badge, calendar, card, collapse 示例 @RayJason (#1655)
  • Demo: 使用 space 组件简化 checkbox, colorPicker , form 示例 @RayJason (#1659)

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

React for Web 发布 0.41.1

❗ Breaking Changes

  • 支持 es module 导出不带样式产物,调整 lib 包内容,新增 cjs 产物支持 commonjs 导出不带样式产物 @HQ-Lin (#1455)

🚀 Features

  • Upload:
    • 自定义方法 requestMethod参数在单文件时文件对象,多文件上传时,是数组文件对象 @chaishi (#1484)
    • trigger/dragContent 参数使用 files 而非 displayFiles @chaishi (#1484)
  • ImageViewer:
  • DatePicker: 支持二次更改时间选择器时可单次变更日期 @HQ-Lin (#1478)
  • Table: 优化列宽调整策略 @ZTao-z (#1483)
  • Popup: 支持 popperOptionsdelayhideEmptyPopup api @HQ-Lin (#1444)
  • Upload:
    • 重构 upload 组件,修复众多问题,支持更多 api
    • UploadFile 对象新增 uploadTime 属性,用于表示上传时间 @chaishi (#1461)
    • theme=file 支持多文件上传 @chaishi (#1461)
    • 文件上传前处理函数 beforeUpload 存在时,依然支持 sizeLimit 检测 @chaishi (#1461)
    • 新增beforeAllFilesUpload,所有文件上传之前执行,支持一次性判定所有文件是否继续上传。已经存在的 beforeUpload 用于判定单个文件的是否继续上传 @chaishi (#1461)
    • 新增事件 onValidate,文件校验不通过时触发,可能情况有:自定义全文件校验不通过、文件数量校验不通过、文件数量校验不通过、文件名重复(允许重复文件名场景下不会触发)等 @chaishi (#1461)
    • 新增事件 onOneFileSuccess ,多文件上传场景下,在单个文件上传成功后触发 @chaishi (#1461)
    • 新增事件 onOneFileFail ,多文件上传场景下,在单个文件上传失败后触发 @chaishi (#1461)
    • 新增 formatRequest 用于新增或修改上传请求参数(现有的 format 用于格式化文件对象) @chaishi (#1461)
    • 新增 triggerButtonProps 用于指定文件选择触发按钮风格 @chaishi (#1461)

🐞 Bug Fixes

  • TreeSelect: 修复 data 异步更新,input 值没有及时更新的问题 @HelKyle (#1481)
  • Dropdown:
  • RangeInput: 优化 icon 居中展示的问题 @HQ-Lin (#1447)
  • DatePicker: 修复 cellClick 返回日期错误 @HQ-Lin (#1458)
  • Tabs: 修复未替换部分classPrefix导致样式异常的问题 @uyarn (#1476)
  • tree: 修复 disabled 下不可展开的问题 @uyarn (#1474)
  • Upload: 修复 autoUpload=false 时,没有触发 onChange 事件问题(可能存在 breaking change) @chaishi (#1461)
  • Popup: 修复 ref 透传丢失属性问题 @HQ-Lin (#1468)
  • Select: 修复布尔值选中没有显示对应的文字问题 @samhou1988 (#1441)

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

Miniprogram for WeChat 发布 0.21.0

❗️BREAKING CHANGES

  • TabBar: 点击 subTabBar 选项时,返回的值从数组改成选项的值 @LeeJim (#846)

🚀 Features

  • Slider: 属性 marks 支持动态响应 @LeeJim (#853)

🐞 Bug Fixes

  • TabBar: 修复子选项激活时,父选项未展示激活的问题 @LeeJim (#846)
  • Slider: 修复 disabled 状态下点击报错的问题 @LeeJim (#853)

🚧 Others

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

解决方案及周边

TDesign Vue Starter 发布 0.4.2

🚀 Features

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

TDesign Vue Next Starter 发布 0.5.1

🚀 Features

🐞 Bug Fixes

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

TDesign Weekly Release (Sep 1st 2022)

07 Sep 10:07
Compare
Choose a tag to compare

组件库

Vue2 for Web 发布 0.46.4

🚀 Features

  • Popup: 新增 delay 属性用于控制延时显示或隐藏浮层,修复子 Popup 销毁时父级意外关闭的问题 @ikeq (#1436)
  • Table: @chaishi (#1454)
    • 树形结构,新增 getTreeExpandedRow,用于获取展开的树形节点
    • 可编辑单元格,edit.rules 新增数据类型 function,用于动态设置校验规则,tdesign-vue-next#1472
  • DaterPicker: 区间日期选择时,联动开始/结束时间面板月份选择,防止出现两个面板均在同一月份的情况 (issue #1469) @simpleAndElegant (#1470)
  • TimePicker: 支持带快捷标签 @chiyu1996 (#1407)
  • 官网:在线主题器支持全局圆角配置 @uyarn (#1459)

🐞 Bug Fixes

  • Select:
    • 修复 creatable 模式下的 filter 能力 @skytt (#1427)
    • 修复过滤掉数据后上下键仍可以选择过滤外的数据的问题 @sechi747 (#1434)
  • Button: 区分 loadingdisabled 状态,修复幽灵按钮 loading 状态背景色 @DevinXian (#1432)
  • Popup: 修复overlayInnerClassName丢失的问题 @ikeq (#1442)
  • Table:
    • 修复列宽调整时宽度计算错误的问题 @ZTao-z (#1456)
    • 修复 onColumnControllerVisibleChangetrigger 参数返回错误的问题 @sechi747 (#1456)
    • 修复列在设置 type = multiple 时,设置 className 不起作用的问题 @RainyLiao (#1441)
    • 修复表格部分元素无法随 Table 变化而改变的问题,如:空数据等,tdesign-react#1319 @chaishi (#1454)
  • Cascader: @PengYYYYY (#1457)
    • 修复 loadingText 无效 (vue-next #1555)
    • 修复 valuenumber 类型时有告警的问题 (vue-next #1570)
    • 修复在输入时 entry 键会默认全选第一个选项的全部内容 (vue-next #1529)
    • 修复通过 SelectInputProps 透传方法属性导致传入 SelectInput 的数据变成的数组 (vue-next #1502)
    • 修复 ellipsisTitle 配置优先级低于 ellipsis 的问题 @Tomaolala (#1408)
  • SelectInput: 修复多选清除无效导致 Cascader 点击清除按钮表现异常的问题 @PengYYYYY (#1457)
  • Watermark: 修复 removable 属性设置不生效,及 content 不支持动态修改变化的问题 @carolin913 (#1473)
  • Input/Textarea: 修正 emoji 类字符 length 计算的问题 @HelKyle (#1411)
  • TimePicker: 修复部分设备滚动边界的跳动异常 (issue #1012) @uyarn (#1475)
  • Dialog: 修复插件调用时丢失淡入动画的问题 @sechi747 (#1423)
  • Tree: 父节点 disable 时不允许选中但允许展开 @uyarn (#1476) (#1483)
  • TreeSelect: 修复数字类型的value时控制台报错的异常 @uyarn (#1476)
  • Form: 修复 labelAlign = top 时,FormItem label 为空还会占据空间的问题 @ojhaywood (#1438)
  • Button: 修复幽灵按钮 loading 状态背景色 @DevinXian (#1432)
  • DatePicker:
    • 修复 cell-click 事件 partial 字段错误 @HQ-Lin (#1440)
    • 修复 value 为空字符串时导致页面崩溃的问题 @HQ-Lin (#1453)

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

Vue3 for Web 发布 0.20.4

🚀 Features

🐞 Bug Fixes

🚧 Others

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

React for Web 发布 0.40.6

🚀 Features

🐞 Bug Fixes

Read more

TDesign Weekly Release (Aug 5th 2022)

31 Aug 07:59
Compare
Choose a tag to compare

组件库

Vue2 for Web 发布 0.46.3

🌈 Features

  • Grid: align 可选值新增 start/end/center,修复 justifyalign 同为 center 属性冲突问题
  • Notification: 鼠标移入时不会关闭通知
  • Cascader: CascaderPanel 点击选项时派发 click 事件
  • Table: 文本超出提示由 Popup 更为 Tooltip,以便于定制各种提示文本主题色
  • Input: 优化 clearable 按钮显示逻辑,区分 password 输入框
  • Popconfirm/Table : 组件样式优化
  • Watermark: 新增Watermark 水印组件

🐞 Bug Fixes

  • useModel: 兼容因 v-model 初始值为 undefined 导致 useModel 失效的问题
  • Table:
    • 修复 editableCellState 表现与预期相反的问题
    • 修复多级表头下不支持调整列宽的问题
  • Select: 去除组件注册时的 map props
  • InputNumber: 修复 string/number 类型比较错误及其导致的分页组件样式异常的问题 common
  • DatePicker:
    • 优化不设置 valueType 场景下与 format 表现一致
    • 修复左右面板切换错位问题
    • 修复 cell-click 事件失效问题
    • 修复 panel-click 事件失效问题
  • Calendar: 优化组件事件设置示例
  • Upload: 修复themeflow-list时 remove事件file参数丢失的问题

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

Vue3 for Web 发布 0.20.3

🌈 Features

  • DatePicker: 优化不设置 valueType 场景下与 format 一致
  • Table: 文本超出提示由 Popup 更为 Tooltip,以便于定制各种提示文本主题色
  • Swiper: 增加 dotsdots-bar 样式
  • Grid:align可选值新增 start/end/center

🐞 Bug Fixes

  • Table:
    • 修复了editableCellState 表现与预期相反的问题
    • 允许在表头分割线一定范围内触发列宽调整逻辑
  • Cascader:
    • 修复单选模式下 clearIcon无法删除
    • 修复在输入时 entry 键会默认全选第一个选项的全部内容
    • 修复通过 SelectInputProps 透传方法属性导致传入 SelectInput 的数据变成的数组
  • RangeInput: 修正RangeInput右侧图标没有居中对齐的问题
  • DatePicker: 修复了 TExtraContent 组件中的 selectedValue Props 定义不正确的问题
  • Dialog: 非模态对话框优化拖拽事件鼠标表现
  • Popup: 修复 overlayInnerStyle 未监听变化,增强 container 健壮性
  • InputNumber: 修复 stringnumber 比较错误及其导致的分页组件样式异常的问题
  • Popconfirm: Popconfirm 样式优化
  • Input: 修正 clearable password 模式的预览按钮无法同时存在的问题

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

React for Web 发布 0.40.5

🌈 Features

  • Form: 新增 useForm hook 获取 form 实例 & 支持 initialData 全局设置初始值
  • DatePicker: 优化不设置 valueType 场景下与 format 一致
  • Dialog: 非模态对话框优化拖拽事件鼠标表现
  • Transfer: 支持 showCheckAll api

🐞 Bug Fixes

  • InputAdornment: 修复在 form 组件下 disabled 设置问题
  • Slider: 修复点击 marks 触发 cannot read properties of null 异常
  • Upload: 支持受控使用时files可设置为null
  • Popup: 修复 popup 显示状态点击页面事件重复触发问题
  • Alert: 增加关闭动画 && 修复 onClosed 回调事件
  • Select: option 设置 content 未生效问题
  • Table:
    • 修复 tree-select 首次渲染出现 key 为 undefined 的问题
    • 修复排序按钮的样式问题
    • 允许在表头分割线一定范围内触发列宽调整逻辑

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

Miniprogram for WeChat 发布 0.19.3

🌈 Features

  • Toast: 新增 close 事件
  • Toast: 新增 destory 事件

🐞 Bug Fixes

  • Picker: 修复 Picker 示例显示不全

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

设计资源

Figma for Web 发布 1.2.4

🎉 Support Prototype 支持原型交互演示能力

  • Menu 导航菜单支持 Prototype 演示,感谢 @shaw
  • Dropdown 支持 Prototype 演示,感谢 @shaw

🌈 Features

  • Tooltip:新增跟随鼠标样式,感谢 @alimjan
  • Swiper:新增轮播图组件示例

🐞 Bug Fixes

  • Radio:修复 disabled 态背景色问题

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

解决方案及周边

TDesign Vue Starter 发布 0.4.1

🌈 Features

  • 升级 tdesign-vue 至0.46+ 版本,统一卡片圆角样

🐞 Bug Fixes

  • 修复0.4.0改造 sfc 文件导致多标签tab页失效的缺陷

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

TDesign Weekly Release (Aug 4th 2022)

24 Aug 06:56
b406a36
Compare
Choose a tag to compare

组件库

Vue2 for Web 发布 0.46.2

🌈 Features

  • Table:
    • 支持行拖拽排序和列拖拽排序同时存在
    • 可编辑单元格/行功能,新增 editableCellState 用于控制单元格是否可编辑
    • 可编辑单元格/行功能,新增 edit.defaultEditable 用于设置初始状态是否为编辑态
    • 行展开功能,新增事件参数 currentRowData,表示当前展开行
    • 多级表头的拖拽排序,表头的任意层级调整影响较大,需求面较小,完善拖拽事件参数,业务侧根据参数自由调整自己想要的表头关系
  • Select:
    • 远程搜索场景增加 label 回显能力
    • 调整loading态显示优先于empty属性
  • Dialog:
    • 支持回车键确认弹框,onConfirm 事件参数 e 或为键盘事件
    • 支持多个弹框同时存在时,通过 ESC 键盘逐个关闭
    • confirmBtn 支持数据类型 null
  • Collapse/Comment/Cascader: 组件样式优化
  • Upload: locale API 支持upload组件全部文案的配置

🐞 Bug Fixes

  • Drawer: 修复拖拽改变抽屉高度时可超出屏幕的问题
  • Table:
    • 修复可编辑行,联动数据校验问题
    • 允许在表头分割线一定范围内触发列宽调整逻辑
    • 修复行选中功能,多选,分页数据异步加载,onSelectChange 参数 selectedRowData 数据不完整问题
  • Cascader:
    • 修复异步获取 options 后的懒加载无效
    • 修复 value 不是 options 的健值会报错的问题
  • Menu: 修复侧边栏弹出子菜单宽度计算错误的问题
  • Drawer: 修复拖拽改变抽屉高度时可超出屏幕的问题
  • upload:
    • 修复displayFileList slot失效的问题
    • 修复themefile时,onRemove回调没有返回file的问题
    • 修复themefile,删除文案不可配置的问题

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

Vue3 for Web 发布 0.20.2

🌈 Features

  • Table:
    • 支持行拖拽排序和列拖拽排序同时存在
    • 行展开功能,新增事件参数 currentRowData,表示当前展开行
    • 可编辑单元格/行功能,新增 editableCellState 用于控制单元格是否可编辑
    • 可编辑单元格/行功能,新增 edit.defaultEditable 用于设置初始状态是否为编辑态
  • Select:
    • 支持开启虚拟滚动处理大量数据的场景
    • 调整 loading 态显示优先于 empty 属性
  • InputNumber: 支持超过 16 位的大数字
  • ConfigProvider: 支持自定义全局 icon
  • Rate: 新增 rate 组件
  • Dialog: 增加弹窗回车事件 API

🐞 Bug Fixes

  • Table:
    • 修复吸顶表头,末尾有 1px 未对齐
    • 修复窗口变化时,固定列阴影未更新问题
    • 修复行选中功能,多选,分页数据异步加载,onSelectChange 参数 selectedRowData 数 据不完整问题,表示当前展开行
    • 修复可编辑行,联动数据校验问题
  • Tree:
    • tree 可选时 onActive 失效
    • 修正 setItem 无法正确 展开,高亮,选中节点
  • Cascader:
    • 修复异步获取 options 后的懒加载无效
    • 修复 value 不是 options 的健值会报错
  • InputNumber: 修复数字精度问题
  • Transfer: Transfer Tree 结合使用时,当 children 为空数组时,应当展示父节点
  • Drawer: 修复拖拽改变抽屉高度时可超出屏幕的问题
  • Tabs: 修复 card 主题下 onDragSort targetIndex 参数不正确的问题
  • Breadcrumb: 修复了设置disabled属性后仍触发点击事件的问题
  • DaterPicker: 调整默认展示时间为 00:00:00
  • Slider: 修复 Slider 输入框无法输入 0 问题

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

React for Web 发布 0.40.4

🌈 Features

  • Table:
    • BaseTable 新增组件实例方法 refreshTable,用于父组件在特殊场景刷新表格 DOM 信息
    • PrimaryTable 新增 BaseTable 的全部组件实例方法
    • 支持行拖拽排序和列拖拽排序同时存在
    • 可编辑单元格/行功能,新增 editableCellState 用于控制单元格是否可编辑
    • 可编辑单元格/行功能,新增 edit.defaultEditable 用于设置初始状态是否为编辑态
    • 行展开功能,新增事件参数 currentRowData,表示当前展开行
  • Dialog: 新增 confirmOnEnter API
  • Popup: 支持 overlayInnerClassName API
  • Timeline: 新增 Timeline 组件

🐞 Bug Fixes

  • Table:
    • 吸顶表头,最后一列有 1px 未对齐
    • 窗口变动时,固定列阴影效果更新
    • 修复可编辑行,联动数据校验问题
    • 修复行选中功能,多选,分页数据异步加载,onSelectChange 参数 selectedRowData 数据不完整问题
  • Textarea:
    • 修复 maxlength safari 浏览器兼容性问题
    • 修复 maxcharactor 设置后中文拼音无法输入问题
    • 修复出现在 dialog 无法 autosize 问题
    • 修正 emoji 字符长度计算
  • Cascader: 修复 value 不是 options 的健值会报错
  • Input: 修正 emoji 字符长度计算

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

Miniprogram for WeChat 发布 0.19.2

🌈 Features

  • Badge: 新增单元测试
  • Input: 新增单元测试
  • Textarea: 新增单元测试
  • Stepper: 新增单元测试
  • Divider: 新增单元测试
  • Result: 新增单元测试
  • Progress: strokeWidth 支持字符类型
  • Progress: 更新测试用例
  • Rate: 新增单元测试
  • ImageViewer: 更新 demo 示例图片
  • Rate: 新增单元测试

🐞 Bug Fixes

  • Badge: 修复 showZero && offset 无单位情况
  • Popup: 修复 zIndex 无效问题
  • ImageViewer: 修复图片宽高都小于屏幕宽高时的拉伸问题

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

Vue3 for Mobile 发布 0.10.4

🌈 Features

  • Search: 内嵌 input 组件 type 调整为 search
  • Drawer: 新增 closeOnOverlayClick 属性
  • Popup: 新增 closeOnOverlayClick 属性

🐞 Bug Fixes

  • Dialog: 修复 demo 示例弹窗不显示问题
  • Slider: 修复滑块滑到最左侧时,左侧文本被遮挡
  • Search: 修复传入默认值后需要点击才显示的问题
  • Search: 修复不触发 focus 事件的问题
  • PulldownRefresh: 修复下拉时偶尔失效的问题
  • List: 修复list组件滚动无法触发scroll的问题

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

设计资源

Figma for Web 发布 1.2.3

❗ Breaking Changes

  • Tree:item 项 padding 修改
  • Transfer:item 项 padding 修改,控制器按钮修改为描边按钮
  • Slider:bar 把手增加阴影样式
  • Tooltips:成功、告警、错误主题样式修改
  • Pagination:跳转页面输入框修改为后置标签输入框
  • Button:幽灵按钮 disabled 态修改

🎉 All New Figma Template!

  • 全局基础组件合并 TDesign for web 变体版本,功能样式状态均支持可配置能力,对齐设计正式版本;
  • 对各个模块进行了 Auto Layout 设定,方便用户在 Figma 中快速使用页面模板进行设计 ;
  • 对图层命名进行了规范性的梳理,与正式版 TDesign 视觉规范对齐 ;
  • 对之前版本进行了整体走查,修改已知问题,优化细节体验;

🌈 Features

  • Icon:新增 relativity/pin-filled/logo-wecom/logo-wechat/logo-qq 图标
  • Component:新增 Link 链接组件
  • Button:新增修改图标 properties instance

🐞 Bug Fixes

  • Select:修改 checkbox 引用组件错误问题
  • Collapse:修改折叠图标使用错误问题
  • Menu:修改折叠菜单栏位置问题
  • Dialog:修复 closeBtn 位置问题

Sketch for Web 发布 1.1.0

❗ Breaking Changes

  • 更新了Sketch支持版本为89;并走查现有组件,修改已知问题,优化细节体验;

🌈 Features

  • 新增【Avatar 头像】组件、【Skeleton 骨架屏】、【Comment 评论】、【Rate 评分】,完善了组件库模块,满足更多使用场景;
  • 【Dropdown 下拉菜单】【Menu 导航菜单】【Pagination分页】【Cascader 级联选择器】【DatePicker 日期选择器】【Select 选择器】【TimePicker 时间选择器】【Tag 标签】均对齐 TDesign 桌面端正式版视觉规范,并从基础样式库、组件库的底层控件进行了梳理、补充和调试。方便用户调用和切换组件的不同状态和模式,使组件库更加的完整和易用。

Axure for Web 发布 1.1.0

🌈 Features

  • 新增【表单_中继器】组件,支持使用中继器功能快速搭建表单,支持输入框、选择器、单选框、多选框、开关、多行文本框、选择日期、上传文件等表单元素;
  • 新增【步骤条_中继器】组件,设计了横向、纵向两种步骤条样式,支持使用中继器功能快速搭建步骤条;
  • 新增【动态组件库】组件,涵盖了单选框、复选框、开关、选择器、下拉菜单、Tab选项卡、Table、轮播图、折叠面板,方便用户快速输出可交互动态原型图;

🐞 Bug Fixes

  • 补齐缺失组件,升级组件样式,与最新版 TDesign 设计规范对齐
  • 全面走查现有静态组件,修改已知问题,优化细节体验

解决方案及周边

TDesign Starter CLI 发布 0.3.0

🌈 Features

  • 新增 Lite 版本模板下载,只包含基本的 TDesign 引入及使用

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

TDesign Weekly Release (Aug 3rd 2022)

17 Aug 09:14
957e721
Compare
Choose a tag to compare

组件库

Vue2 for Web 发布 0.46.0

❗ Breaking Changes

  • Popup: overlayStyle 调整为控制 t-popup 层级,新增 overlayInnerStyle 控制 t-popup__content 层级与原先 overlayStyle 效果一致,存在不兼容更新
  • Input/InputNumber: 错误文本提示,不再占普通用文档流;内置的 input 组件 ref 名称由 refInputElem 更为 inputRef,存在不兼容更新

🌈 Features

  • Table:
    • footerSummary 支持通过 Props 属性传入
    • 可编辑行功能,校验函数 validateRowData validateTableData 返回值支持 Promise 对象
  • Datepicker:
    • 区间选择器结束时间调整为默认展示当天最后一秒
    • 支持季度国际化配置
  • ConfigProvider: 支持通过ConfigProvider修改全部组件的classPrefix
  • Selectinput: disabled 状态下自动禁止 clearable 功能
  • InputNumber:
    • 支持超过 16 位的大数
    • 支持 decimal format 组合使用,即 format 新增第二个参数小数点格式化之后的值,方便大数场景应用
    • 新增事件 onValidate,当数值超过最大值或小于最小值时触发,可用于显示错误提示文本
    • 错误提示文本区域支持左侧对齐和输入框对齐两种方式
    • 修复在输入数值不满足条件时,没有触发 onChange 事件问题;修复计算过程中的精度问题
  • Link: 新增 Link 链接组件
  • Icon: 新增 qq、wechat、wecom、relativity 和 pin-filled 等图标

🐞 Bug Fixes

  • Table:
    • 可编辑单元格,多选和日期选择,点击下拉浮层中的内容会导致退出编辑
    • 宽度计算函数添加注释
  • Popup: 修复嵌套使用点击 trigger 元素时异常关闭
  • Datepicker: 修复时间面板展示错误
  • umd: 修复 umd 版本的使用问题,具体使用方式请参考浏览器引入相关文档说明
  • Tree: 修复expandOnClickNode点击展开与checkbox点击选中的冲突问题
  • ColorPicker: 修复切换模式卡死问题; 修复 panel 下模式 change 事件无法触发的问题
  • DatePicker:
    • 修复输入框有值时面板切换失效问题
    • 修复 suffixIcon slot 写法失效问题

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

Vue3 for Web 发布 0.20.1

❗ Breaking Changes

  • Popup: overlayStyle 调整为控制 t-popup 层级,新增 overlayInnerStyle 控制 t-popup__content 层级与原先 overlayStyle 效果一致 ,存在不兼容更新

🌈 Features

  • Popup: 新增 overlayInnerClassName 支持设置浮层内容样式名
  • Icon: 新增qq、wechat、wecom、relativity和pin-filled等图标
  • Table: 可编辑行功能,校验函数 validateRowDatavalidateTableData 返回值支持 Promise 对象
  • Table: 增加 footerSummary 到 props
  • DatePicker: 支持季度国际化配置
  • Link: 新增 Link 组件

🐞 Bug Fixes

  • Menu: 修复下拉样式问题
  • DatePicker: 修复有值时面板切换失效问题
  • Table: 可编辑单元格,多选和日期选择,点击下拉浮层中的内容会导致退出编辑
  • DatePicker: 修复下拉样式问题
  • Menu: 修复在 nuxt3 里面鼠标悬浮或者点击子菜单不出现 元素代码里面出现一瞬间就消失了
  • Menu: t-menu-item 大于 8 个将会溢出
  • Tabs: 修复 Tabs 选项卡在 nuxt3 ssr 应用中报错 window is not defined
  • Table: 列宽度和小于表宽的情况下,调整列宽的结果与预期不符
  • SelectInput: 修复属性 props.readonly = true props.allowInput = false 时,仍会调用 onBlur 的问题
  • SelectInput: 修复当 readonly disabled 属性为 true 、表单禁用时, clearable 按钮可以点击的问题
  • SelectInput: 修复同时开启 readonly allowInput 属性时,可以输入的问题
  • SelectInput: 修复在 Form 组件中使用禁用态表单不生效的问题
  • Select: 修复属性 props.readonly = trueprops.filterable = false 时,仍会调用 onBlur 的问题 Select: 修复当 readonly disabled 属性为 true 、表单禁用时, clearable 按钮可以点击的问题
  • Select: 修复同时开启 readonly filterable 属性时,可以输入的问题
  • Input: 修复在表单禁用时, clearable 按钮可以点击的问题
  • Cascader: 修复在表单禁用时, clearable 按钮可以点击的问题
  • Table: 宽度计算函数添加注释
  • Popup: 修复嵌套使用点击 trigger 元素时异常关闭
  • Transfer: 穿梭框 checked 和 value 的值不在 data 时会报错
  • Upload: size-limit 使用 MB 以上单位时校验错误
  • Dialog: 对话框 footer 不显示情况下,body paddingdialog padding 冲突
  • Tree: 组件实例方法 setItem 参数错误
  • SelectInput: 外部传入 style 无法透传到 Input
  • InputNumber: 修复无法触发 onEnter 方法
  • Table: 列宽度和小于表宽的情况下,调整列宽的结果与预期不符
  • Nuxt3: 修复因 nuxt3 将 global 作为关键词,编译为 globalThis 导致的组件运行错误

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

React for Web 发布 0.40.0

❗ Breaking Changes

  • Popup : 重构了该组件,修复了较多问题,存在不兼容更新
    • 不再生成 div 节点包裹 trigger 元素,className、style 属性废弃,可自行包裹 div 节点调整 className、style 属性。
    • overlayStyle 调整为控制 t-popup 层级,新增 overlayInnerStyle 控制 t-popup__content 层级与原先 overlayStyle 效果一致。
    • overlayClassName 调整为控制 t-popup 层级。

🌈 Features

  • Image: 新增 Image 组件
  • Link: 新增 Link 组件
  • Table:
    • 支持使用插槽 footer-summary 定义通栏表尾,同时支持同名属性 Props footer-summary 渲染通栏表尾
    • 由于表格支持定义多行表尾,因而本次支持使用 rowspanAndColspanInFooter 定义表尾行数据合并单元格,使用方法同 rowspanAndColspan
    • 支持 min-width 透传到元素 <col>
    • 新增 cellEmptyContent,当列数据为空时显示指定值
    • 可编辑行功能,新增实例方法 validate,支持校验表格内的全部数据
  • DatePicker:
    • 支持季度国际化配置
    • 支持滚动年份选择器自动加载更多年份
  • InputNumber: 重构组件,支持16 位大数字
  • Icon: 新增 qq、wechat、wecom、relativity 和 pin-filled 等图标
  • Message: 支持 config api
  • Form: FormItem 支持 status、tips 自定义控制校验状态及提示信息

🐞 Bug Fixes

  • Table:
    • 行选中会触发重置列宽调整的结果
    • 可编辑行功能,提交校验时只校验了第一列
    • 列配置功能,带边框模式,移除分页组件边框下方多余的边框
    • 列宽度和小于表宽的情况下,调整列宽的结果与预期不符
  • Cascader: 修复点击清除按钮无法一次性清空所有选项
  • Select: 修复autoWidth在multiple模式下失效的问题
  • Tabs: 修复动态渲染 panel 下划线丢失问题
  • Popup: 修复函数组件未透传 ref 导致气泡失效问题

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

Miniprogram for WeChat 发布 0.19.1

🌈 Features

  • Upload: 新增 click 事件

🐞 Bug Fixes

  • Tag: 修复 click 事件不生效
  • Tag: 修复行内元素基线对齐不正确
  • Grid: 修复垂直布局时间,align 无效
  • Tag: 修复 disabled true时,closable 无效的问题
  • Tag: 修复 maxWidth 输入为字符时,宽度计算错误问题
  • Upload: 修复自定义上传没有关联成功/失败状态
  • Swiper: 修复动态修改 swiper-item 时,视图响应不正确问题
  • Tabs: 修复垂直布局时,内容区域不正确

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

Vue3 for Mobile 发布 0.10.2

🌈 Features

  • ImageViewer: 新增 maxZoomcloseBtnonClose 属性
  • ImageViewer: 新增 close 事件
  • Swiper: 新增 paginationPosition 属性

🐞 Bug Fixes

  • Textarea: 修复onchange事件会执行两次的问题
  • Image: 修复 src 变更没有重新渲染的问题

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

解决方案及周边

TDesign Vue Starter 发布 0.4.0

❗ Breaking Changes

  • 统一组件使用SFC(*.vue)编写,存在不兼容更新
  • 统一组件以PascalCase规范命名,存在不兼容更新

🌈 Features

  • 升级组件库版本至0.45+ 组件圆角有所改动,支持字体配置

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