tdesign

Enterprise Design System

MIT License

Stars
3K

Bot releases are hidden (Show)

tdesign - TDesign Weekly Release (June 4th 2022)

Published by tdesign-helper over 2 years ago

组件库

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 - TDesign Weekly Release (June 3rd 2022)

Published by tdesign-helper over 2 years ago

组件库

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 - TDesign Weekly Release (June 2nd 2022)

Published by tdesign-helper over 2 years ago

组件库

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 - TDesign Weekly Release (June 1st 2022)

Published by tdesign-helper over 2 years ago

组件库

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 - TDesign Weekly Release (May 4th 2022)

Published by tdesign-helper over 2 years ago

组件库

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

tdesign - TDesign Weekly Release (May 3rd 2022)

Published by tdesign-helper over 2 years ago

组件库

Vue2 for Web 发布 0.41.5

🌈 Features

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

🐞 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:修复 FormItemshowErrorMessage 属性失效的问题
  • 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

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

🐞 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 - TDesign Weekly Release (May 2nd 2022)

Published by tdesign-helper over 2 years ago

组件库

Vue2 for Web 发布 0.41.3

🌈 Features

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

🐞 Bug Fixes

  • InputNumber: 修复 input-number 重构 hook 使用错误出现的问题
  • tooltip: support set placement by mouse
  • ConfigProvider: 修复 animation 属性 excludeinclude 在 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

  • 重构 DatePickerTimePicker 组件,样式结构有所调整,存在不兼容更新

🌈 Features

  • DatePicker:
    • 移除 rangeapi,分别导出 DatepickerDateRangePicker 组件
    • 支持 DatePickerPanelDateRangePickerPanel 单独使用
    • 支持年份、月份区间选择
    • 支持 allowInput api
  • TimePicker
    • 重新调整样式、允许输入交互重新设计
    • 调整交互为点击确认按钮保留改动 直接关闭弹窗不保留改动 恢复初始值
    • disableTimeonFocusonBluronInput 等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 事件,增加返回 cursorkeyCode 数据
    • 增加 keyboardheightchange 事件,键盘高度发生变化的时候触发
    • 增加占位符相关属性:placehoderStyleplaceholderClass
    • 增加光标相关属性:cursorselection-startselection-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 - TDesign Weekly Release (May 1st 2022)

Published by tdesign-helper over 2 years ago

组件库

Vue2 for Web 发布 0.41.2

🌈Features

  • Table:新增 APIellipsisTitle 用于单独控制表头的超出省略
  • Tooltipplacement新增mouse枚举值,用于支持基于鼠标位置定位

🐞BugFixes

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

🚧Others

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

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

Vue2 for Web 发布 0.41.1

🌈Features

  • Message:增加全局配置默认值能力
  • Pagination:新增showFirstAndLastPageBtnshowPreviousAndNextBtnshowPageSizeshowPageNumber属性
  • 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:新增showFirstAndLastPageBtnshowPreviousAndNextBtnapi
  • Pagination:新增showPageSizeshowPageNumberAPI
  • Calendar:日历组件修正value属性,新增了monthyear属性

🐞BugFixes

  • Dialog:修复alert类型错误
  • Form:修复help节点状态问题
  • Transfer:修复选择无效和搜索无效
  • DataPickerdata-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的渲染
  • TablerenderExpandedRow改为非必填
  • 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
    • 新增showPageSizeshowPageNumberAPI
    • 新增showFirstAndLastBtnapi
  • InputNumber:完善尺寸类型
  • Tooltip:支持plcement="mouse"基于鼠标位置

🐞BugFixes

  • Table
    • 修复getBoundingClientRectjsdom环境为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,存在不兼容更新
  • DateTimePickervalue从非受控改成受控,存在不兼容更新

🌈Features

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

🐞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样式全新升级,主题更全面,类型更丰富
  • 新增RateCollapse组件(新组件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+ 版本,替换全部 Cardt-card卡片组件,减少重复代码实现
  • 调整图表相关代码目录结构,图表部分代码调整至所在 Page 内,减少各页面模块的耦合
  • 调整表格相关代码及展示,增加吸顶功能展示、去除minWidth的使用等

🐞BugFixes

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

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

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

  • 官方通用小程序 demo 和智慧零售模板均已上架微信开发者工具,可以在创建项目时选择使用
tdesign - TDesign Weekly Release (April 4th 2022)

Published by tdesign-helper over 2 years ago

组件库

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 组件时出现组件不存在报错的问题
    • 修复无法使用插槽自定义过滤图标的问题
    • 解决 TdBaseTablePropsTdPrimaryTableProps 关于 onCellClickTS 类型冲突
  • Alert:修复 ts 类型错误
  • Cascader
    • 修复可过滤状态下的下拉面板拉起闪烁的问题
    • 修复可过滤状态下的输入内容未被正常销毁的问题
  • Transfer:修复 Transfer 设置 targetSort 后未按预期展示的问题
  • ConfigProvider:修复 ConfigProvider 组件导出错误的问题
  • TreeSelect
    • 修复 value 为数字 0 时,不渲染 label 的问题
    • 修复 onBluronClear 触发时,不会清除 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 组件时,出现组件不存在错误
    • 无法使用插槽自定义过滤图标
    • 修复 TdBaseTablePropsTdPrimaryTableProps 关于 onCellClickTS 类型冲突
    • 单选,报错 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:修复 destroyOnClosetruevisible 失效问题
  • 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 - TDesign Weekly Release (April 3rd 2022)

Published by tdesign-helper over 2 years ago

组件库

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

  • CheckboxGroupchange 事件返回的 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 代码运行出错的问题
  • Inputcompositionend 优化

🌈 Features

  • Tabs: 新增 stickyProps,支持滚动到顶部时自动吸顶
  • PullDownRefreshloadingBarHeight 属性支持 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 - TDesign Weekly Release (April 2nd 2022)

Published by tdesign-helper over 2 years ago

组件库

Vue2 for Web 发布 0.40.2

🐞 Bug Fixes

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

🌈 Features

  • Popupcontent 尺寸变化后自动更新位置
  • Sliderlabelfunction 时新增 valueposition 参数
  • Upload
    • 支持自定义上传文件列表
    • 列表型上传支持展示 errorMessage
  • CheckboxonChange 事件新增参数 option 表示当前操作对象,current 表示当前操作对象的 value
  • Table
    • 表格拖拽排序支持完全受控用法
    • 列配置功能,onColumnChange 事件新增参数 ecurrentColumn
    • 列配置功能,新增 buttonProps,用于支持完全自定义「列配置按钮」风格和内容
    • 列配置功能,新增 placement,用于控制「列配置按钮 」相对于表格组件的位置,可选值:左上角、右上角、左下角、右下角
    • 列配置功能,新增控制列配置弹窗显示或隐藏属性 columnControllerVisibleonColumnControllerVisibleChange,将主要应用于完全需要自定义列配置按钮的业务场景
    • BaseTable/Primary/Table/EnhancedTable 新增 bottomContent,用于设置表格底部内容
    • 修复当数据量过少时,过滤浮层被隐藏的问题,修复 Safari 浏览器无法显示省略浮层问题
    • 树形结构中,新增 toggleExpandData,用于控制行展开
    • 树形结构中,无法获取到正确的 rowKey 时,抛出错误,提醒用户修改
    • table-layoutfixed 模式,且内容超出时,设置默认列宽为 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 分别渲染 theadtbody,更为一个 table
    • 行拖拽排序功能,使用方法有调整,从 sortOnRowDraggable 更为 dragSort='col'
    • 表头更为使用 th 标签,之前为 td,不符合语义
    • 事件 row-db-click 更为 row-dblclickonRowDbClick 更为 rowDblclick
    • 事件 row-hover 更为 row-mouseover, onRowHover 更为 onRowMouseover
    • CSS 类名 t-table__row-first-full-row 更为 t-table__first-full-rowt-table__row-last-full-row 更为 t-table__last-full-row

🐞 Bug Fixes

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

🌈 Features

  • 新增 Collapse 组件,使用 Composition api
  • 新增 MessagefadeIn 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 以及 headerfooter 的插槽
  • DateTimePicker: 新增属性 header 以及 headerfooter 的插槽

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

Vue3 for Mobile 发布 0.8.2

🐞 Bug Fixes

  • tabslabel 支持动态修改,以及新增支持 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 - TDesign Weekly Release (April 1st 2022)

Published by tdesign-helper over 2 years ago

组件库

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 中同时传入 keyload 时选中项显示的问题
    • 修正 TreeSelect 的交互行为,与 Select 保持一致
    • 修复 filter 状态下,树无法折叠的问题;修复 lazy 状态下,无法正确展示 label 的问题
  • Table:
    • 修复虚拟滚动 threshold 引起的报错
  • 修复 TS 定义报错问题,非 TypescriptSSR 项目请尽快由 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-dblclickonRowDbClick 更为 rowDblclick
    • 事件 row-hover 更为 row-mouseover, onRowHover 更为 onRowMouseover(本没有 rowHover 事件)
    • CSS 类名 t-table__row-first-full-row 更为 t-table__first-full-rowt-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 : automaxHeight 显示异常
    • 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

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

Features

  • 重构 TreeSelectComposition-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 为空时不再处理占位对齐问题 
  • SelectInputborderlessautowidth 作为独立属性分开

详情见: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 - TDesign Weekly Release (March 4th 2022)

Published by tdesign-helper over 2 years ago

组件库

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 = plumppercent = 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: 修复单选可输入状态下的 focusinput 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 , 挂载 classt-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 typepassword 场景下 suffixIcon 受控失效问题
    • type 类型问题及 key 重复问题
  • Drawer: 根据 common Drawer 样式配置指定 tabIndex 消除 outline
  • RadioGroup: 修复 radioGroup 手动清除 value 样式不响应问题
  • Dialog: 修复 closeOnOverlayClick 失效问题
  • Popup: 偶现显示时定位不准,windowresize 无法自适应
  • Treeselect: 无法折叠问题修复
  • Date Picker: focused 态样式修复

Features

  • Input: 增加 inputClass API,用于透传 classt-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-vue0.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-next0.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 - TDesign Weekly Release (March 3rd 2022)

Published by tdesign-helper over 2 years ago

组件库

Vue2 for Web 发布 0.37.2

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

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

Vue3 for Web 发布 0.10.2

  • Upload: 增加合并上传,支持国际化配置
  • Select:支持单选 valueDisplay 插槽
  • Popup: 新增 enterleave 事件,支持鼠标进入、移出的事件
  • Input: 新增 autoWidthaligntips 的支持,统一 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: 支持 autoWidthtipsstatusalign API 
  • Dialog: 修复 DialogPlugin 关闭后滚动问题
  • Cascader: 修复 multiple 模式点击后关闭 popup 问题
  • Table: 修复 key0 的数据时的排序问题
  • Cascader: 修复 children boolean 类型问题
  • Grid: 支持获取 css vars 做响应式判断
  • Icon: 支持自定义 Url
  • Sliderlabel 支持 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 - TDesign Weekly Release (March 2nd 2022)

Published by tdesign-helper over 2 years ago

组件库

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:修复 filterablehover 态的样式异常,修复可选任意一级缺少高亮状样式
  • 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 的实现,新增支持 rectanglecircle 类型,⚠️存在不兼容更新
  • 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 暴露 $dialog11092af
  • 修复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

tdesign - TDesign Weekly Release (March 1st 2022)

Published by tdesign-helper over 2 years ago

组件库

Vue2 for Web 发布 0.36.0

  • Input :input 元素 ref 更名,⚠️存在不兼容更新
  • Upload :支持单请求上传批量文件
  • 新增 SelectInputTagInput 组件
  • 支持全局关闭斜八度波纹动画
  • Form: 支持通过 setValidateMessage 设置自定义校验结果
  • 修复 Datepicker 等组件问题

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

Vue3 for Web 发布 0.9.3

  • 新增组件SelectInput
  • 全局配置: 支持关闭斜八度波纹动画
  • DatePicker: 修复 onPick 事件配置无效的问题、无法清除面板中已选值、点击年份或月份后,日期弹窗意外消失
  • 修复在有输入的值且无 tag 的情况下,不展示清除按钮。且点击后 onClear 方法未触发。修复在 auto-width 模式下的交互问题

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

React for Web 发布 0.26.0

  • Form:移除 getAllFieldsValue API,支持 setValidateMessage & errorMessage

  • Upload: 支持 onCancelUpload & onSelectChange

  • SelectInput:修复点击弹框输入框不高亮、allowInput 无效问题

  • Affix:修复 affix 导出问题

  • InputNumber: 修复加减按钮超出 minmax 的边界问题

  • Dialog:支持使用 Esc 按键关闭

  • TreeSelect: 使用 SelectInput 组件重构

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

Miniprogram for WeChat 发布 0.5.4

  • Slider: 视觉调整 & demo 无法滑动问题修复
  • Search: 修复圆角样式不生效问题
  • Tab-bar: 修复 value 不生效问题
  • Picker: 支持渐进式滚动
  • Tabs: 添加滚动条外部样式类

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

解决方案及周边

TDesign Vue Next Starter 发布 0.2.0

  • 使用 pinia 替换 vuex 作为状态管理库
  • 升级组件库依赖至 0.9 版本

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

tdesign - TDesign Weekly Release (February 3rd 2022)

Published by tdesign-helper over 2 years ago

组件库

Vue2 for Web 发布 0.35.1

  • 修复 Popup / Select 展示相关问题
  • Input: 新增 format 属性用于格式化数据
  • Drawer: 支持拖动改变大小

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

Vue3 for Web 发布 0.9.0

  • Input: input 元素 ref 名称由 refInputElem 更为 inputRef
  • TagInputvalueDisplay 新增参数 onClose、新增特性 autoWidth, 宽度自适应
  • Table: 修复固定表头错位
  • Button: 修复 primary outline 模式下边框展示异常的问题
  • Upload: 修复文件数大于等于 max 时,上传按钮依然可以点击
  • Icon: 修复按需引用部分图标渲染出错问题

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

React for Web 发布 0.25.2

  • SelectInput: 新增组件 SelectInpput 组件
  • Input: 支持 auto-width API 
  • TagInput: 支持 auto-width APIdragSort 功能
  • Table: 固定列定位计算问题
  • Popup: 修复 trigger 元素宽高定位变化后位置不更新问题
  • Layout: 支持内嵌动态节点
  • Dialog: 多个弹窗关闭一个后出现滚动条

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

Miniprogram for WeChat 发布 0.5.3

  • Input:修复 label 不生效的问题
  • Slider:修复 value 不受控的问题
  • Search:支持双向绑定;修复 placeholder 展示错误的问题

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

解决方案及周边

TDesign Starter CLI 发布 0.1.0

  • 支持用户根据需求下载指定页面模块

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

TDesign Vue Starter 发布 0.1.3

  • 修复菜单下拉与表格层级冲突
  • 升级组件库依赖 tdesign-vue 0.35.1

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

TDesign Vue Next Starter 发布 0.1.3

  • 修复菜单下拉与表格层级冲突
  • 使用 setup script 重构了页面逻辑

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

tdesign - TDesign Weekly Release (February 2nd 2022)

Published by tdesign-helper over 2 years ago

组件库

Vue2 for Web 发布 0.35.0

  • Menu : 移除冗余事件 onCollapsed,存在不兼容更新
  • Table : 支持使用 columnController 属性自定义设置需要展示的列
  • Popup : 支持嵌套使用
  • 修复 Progress 相关显示问题

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

Vue3 for Web 发布 0.8.1

  • Form : 表单支持统一配置校验信息;对象和数组嵌套的复杂数据校验
  • 修复 Progress 相关显示问题
  • Popup : 支持嵌套使用
  • TimePicker : 修复部分鼠标滚动选择出现偏差

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

React for Web 发布 0.25.1

  • Textarea : 调整 ref 导出,输出 currentElement 以及 textareaElement 对象
  • Table : 修复多个 table 问题,支持单元格 tooltip 提示以及自定义过滤功能
  • Popup : 调整下拉动画实现,使用 clip-path 替代 max-height
  • TreeSelect:支持 collapsedvalueDisplay API
  • Input:支持 onWheelonCompositionstartonCompositionend 事件
  • TimePicker : 修复鼠标滚轮事件问题
  • Progress : 修复 percentage 为 0 时样式问题

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

Miniprogram for WeChat 发布 0.5.2

  • Steps : 发布新版视觉
  • 修复 Stepper 的多个问题
  • 完善 CellCountDownDivider 组件的基础样式
  • 重构 CountDown,更完善更好用

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

解决方案及周边

TDesign Starter CLI 发布 0.0.7

  • 托管 starter 项目到 coding 平台,彻底解决 Github 国内镜像不可用导致 CLI 下载失败问题

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

TDesign Vue Starter 发布 0.1.2

  • 调整部分不合理的公共组件所在目录
  • 修复面包屑点击跳转当前页错误的问题
  • 升级组件库依赖 tdesign-vue0.34.0

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

TDesign Vue Next Starter 发布 0.1.2

  • 调整部分不合理的公共组件所在目录

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

tdesign - TDesign Weekly Release (February 1st 2022)

Published by tdesign-helper over 2 years ago

组件库

Vue2 for Web 发布 0.34.0

  • Tag variant :属性可选值更改,存在不兼容更新
  • Calendar: 控制区域相关问题修复
  • Select : 搜索、过滤场景相关问题修复
  • 统一各类型按钮边框宽度
  • Form :表单支持统一配置校验信息;对象和数组嵌套的复杂数据校验
  • 详情见:https://github.com/Tencent/tdesign-vue/releases/tag/0.34.0

Vue3 for Web 发布 0.8.0

  • Tag variant :属性可选值更改,存在不兼容更新
  • Slider :修复双向绑定值失效
  • Calendar :控制区域相关问题修复
  • Select:修复可过滤状态下,需要双击背景才可关闭下拉框
  • Input :修复输入框相关样式重复引入的问题
  • 详情见:https://github.com/Tencent/tdesign-vue-next/releases/tag/0.8.0

React for Web 发布 0.24.2

  • Tagvariant 属性可选值更改,存在不兼容更新
  • Form : 调整 reset 事件逻辑,存在不兼容更新
  • Tree : 修复按需引入央视丢失问题
  • Select :修复 Option.name 丢失导致类型判断失效问题
  • Popup :修复 zIndex 设置错误问题
  • 详情见:https://github.com/Tencent/tdesign-react/releases/tag/0.24.2

设计资源

Figma for Web 发布 1.0.5

Change

  • 组件分类对齐官网分类方式
  • 组件中英文对照命名修改为顺序

Bug Fixes

  • Popconfirm :修复按钮文字示意问题
  • Dialog :修复对话框 Auto Layout 使用问题
  • Tag :修改 tag disabled 状态样式,增加描边避免和 disabled 状态多选 select 样式重叠
  • Icon :修改 file-pdf / file-excel / file-powerpoint / file-unknown / file-word 文件类型图标定位一致性问题并修改字体

Features

  • table :新增自定义设置表格列
  • Icon :新增 file-icon 图标
tdesign - TDesign Weekly Release (January 3rd 2022)

Published by tdesign-helper over 2 years ago

组件库

Vue2 for Web 发布 [email protected]

  • 新增 Skeleton 骨架屏组件
  • Form 修复无法重置自定义校验消息的问题;修正校验规则判断逻辑
  • 修复相关组件不支持 ssr 渲染的问题
  • 修复 Table 表格行列合并及展开实现问题
  • 详情见:https://github.com/Tencent/tdesign-vue/releases/tag/0.33.2

Vue3 for Web 发布 [email protected]

React for Web 发布 [email protected]

设计资源

Figma for Web 发布 1.0.4

  • Popconfirm :修复按钮文字示意问题

Sketch for Web 发布 1.0.3

  • 修改了引起歧义的按钮文字
  • Popconfirm 使用正确的 icon

Axure for Web 发布了 1.0.2

解决方案及周边

TDesign Starter CLI 发布 0.0.6

  • 调整镜像,修复部分用户通过 CLI 下载项目失败的问题