tdesign-vue

🚀 Features

• Cascader: @pengYYYYY (#1074)
  • 基于 select-input 重构, 文本过长省略使用原生 title 展示全文本，不再使用 tooltip 组件
  • 增加 popupVisible， readonly， selectInputProps， onPopupVisibleChange 属性
• CheckBox: 增加 title 属性透传 @pengYYYYY (#1074)
• DatePicker:
  • 新增 panelPreselection api by @HQ-Lin (#1134)
  • 优化面板月份展示 @HQ-Lin (#1140)
• Drawer: 优化抽屉拖拽体验(#793) @uyarn (#1135)

🐞 Bug Fixes

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

New Contributors

• @qdzhaoxiaodao made their first contribution in https://github.com/Tencent/tdesign-vue/pull/1148

Full Changelog: https://github.com/Tencent/tdesign-vue/compare/0.43.2...0.43.3

🚀 Features

• Form:
  • 添加内置校验方法 whitespace @pengYYYYY (#1095)
  • 新增校验触发方式 trigger: 'blur' @k1nz (#1051)
  • 现在 FormItem.label 为 string 类型时， Form.errorMessage 模板中的 ${name} 会被替换为 FormItem.label 属性；当 label 属性为 slot/function 时，${name} 会被替换为 FormItem.name 属性 @k1nz (#1051)
• Table: @chaishi (#1115)
  • 可编辑单元格，支持编辑组件联动， issue#995
  • 树形结构行选中支持半选状态，#1004
  • 树形结构，缩进 indent 支持 0

🐞 Bug Fixes

• Dialog/Drawer: 修复 closeOnOverlayClick closeOnEscKeydown 默认值导致的无法设置的问题 (#1096 ) @pengYYYYY (#1095)
• Drawer: 修复 header 默认值为 undefined 的问题 @pengYYYYY (#1095)
• Dialog: 修复 dialog 滚动失效问题 @HQ-Lin (#1101)
• Form: 修复 number 规则校验不生效的问题 @k1nz (#1051)
• Table: @chaishi (#1110)
  • 动态数据合并单元格，删除行数据时，未更新合并单元格状态，issue#1045，issue#992，#bb9e6656
  • 修复自定义筛选组件不显示问题，issue#1114 @chaishi (#1110)
• ColorPicker: 修复颜色选择器样式异常，issue#1044 @S-mohan (#1083)
• ConfigProvider: 修复 config-provider 同时存在 provide 和 setup#provide 导致卡顿的性能问题 @Ryqsky (#1113)
• DatePicker: 修复suffixIcon、clear事件问题 @HQ-Lin (#1094)

New Contributors

• @k1nz made their first contribution in https://github.com/Tencent/tdesign-vue/pull/1051
• @Ryqsky made their first contribution in https://github.com/Tencent/tdesign-vue/pull/1113

Full Changelog: https://github.com/Tencent/tdesign-vue/compare/0.43.1...0.43.2

🌈 0.43.1 2022-06-29

🚀 Features

• Select: 列表展开时定位置选中项 @huoyuhao (#1072)

🐞 Bug Fixes

• Select:
  • 修复多选模式下展示placeholder的异常 @uyarn (#1091)
  • 修复可筛选换行高度异常的问题 @uyarn (#1091)

🌈 0.43.0 2022-06-28

❗️ BREAKING CHANGES

• 默认移除全局 reset 样式引入，可从 tdesign-vue/dist/reset.css 中单独引入 @xiaosansiji (#1079)
• DatePicker: 重构DatePicker为composition API，全新的UI样式及交互，新增DateRangePicker组件，替换此前的range写法 @HQ-Lin (#1018)
• TimePicker: 重构TimePicker为composition API，全新的UI样式及交互，disableTime API有所调整 @uyarn (#1018)

🚀 Features

• Space: 新增 space 组件 @HQ-Lin (#1047)
• ConfigProvider: 增加 input 组件 autocomplete 配置，增加 dialog 组件 closeOnEscKeydown, closeOnOverlayClick 配置, 增加 select 组件 filterable 配置，增加 drawer 组件 closeOnEscKeydown, closeOnOverlayClick 配置 (issue #848) @pengYYYYY (#1073)
• Local: 增加日语和韩语语言包 @pengYYYYY (#1073)
• Table: fullRow不参与排序 @uyarn (#1056)

🐞 Bug Fixes

• Table:

  • 吸顶表头支持自定义滚动容器 @chaishi (#1052)
  • 处理table在部分SSR场景渲染失败的问题 @uyarn (#1056)
  • 修复仅有firstFullRow不渲染的问题 @uyarn (#1056)
  • 修复paginationAffixedBottom 透传Affix 参数不生效 @LoopZhou (#1055)
  • 修复0.41.7版本后过滤功能构建后异常的问题 @chaishi (#1081)

• Select:

  • option数量小于threshold时不开启虚拟滚动 @uyarn (#1063)
  • 单选下 valueType 为 object 时, onChange返回值类型修复 @skytt (#1076)
  • 修复 useDefaultValue、useVModel 初值为 undefined 时, 组件初始化为非受控的问题 @skytt (#1077)
  • 修复多选下换行提前占满一行的问题 @uyarn (#1081)

• SelectInput: 修复展开下拉时失去焦点不高亮的问题 @uyarn (#1056)

• TagInput: 修复中文输入按下 Enter 时不触发新标签 @chiyu1996 (#1040)

• InputNumber: 修复enter事件不触发的问题 @jchalex (#1075)

• Affix: 节点挂载后吸顶没有执行的问题 @ontheroad1992 (#1054)

🚀 Features

• Skeleton: 增加 delay 属性防止抖动 @Wonder233 (#1003)
• Table:
  • 支持底部滚动条吸底和分页器吸底能力 @chaishi (#1023)
  • 支持通过吸顶表头进行列拖拽排序，issue#1014 @chaishi (#1029)
  • 吸顶表头支持拖拽调整列宽
  • 自定义列配置场景支持列拖拽排序，issue#1015 @chaishi (#1029)

🐞 Bug Fixes

• Form: 实例方法 submit 和 reset 恢复事件（0.42.1 中去除的） @chaishi (#1013)
• Input: 修复 type = password 时 clearable 不生效的问题 @uyarn (#1017)
• Select:
  • 修复多选情况下 clearable 失效的问题 @uyarn (#1016)
  • 修复 t-option 方式渲染时，内部数组的清除逻辑 @skytt (#1028)
• TagInput:
  • 修复 `inputProps`` 未透传的问题 @uyarn (#1016)
  • 修复事件透传失效的问题 @skytt (#1007)
• ConfigProvider: @pengYYYYY (#1024)
  • 修复 useConfig 意外注册的问题
  • 修复因为深拷贝配置文件导致的性能问题
• Table:
  • 修复虚拟滚动表头会在滚动到中间一定程度时消失的问题 @chaishi (#1023)
  • 修复合并单元格不支持动态数据的问题，issue#992 @chaishi (#1029)
  • 修复 firstFullRow 存在时，拖拽排序的顺序不正确问题 @chaishi (#1029)
  • 修复加载更多的加载组件尺寸异常问题 @uyarn (#1035)
• TreeSelect: 修复过滤后无法选中的问题 @chiyu1996 (#1027)
• Calendar/ColorPicker: 修复组件内部 Select 选择框宽度不能自适应的问题 @xiaosansiji (#1006)
• Dialog:
  • 修复 mask 点击事件失效的问题 @HQ-Lin (#1019)
  • 修复 placement = top 场景下弹出框位置偏移的问题 @huoyuhao (common#544)

🚀 Features

• Form: @chaishi (#983)
  • 实例方法 reset 支持重置指定字段，新增参数 { type: 'initial' | 'empty', fields: number[] }
  • 实例方法 validate 支持值校验而不显示每个组件的错误信息文本，新增参数 { showErrorMessage }
  • FormItem 支持自定义 help 内容，插槽和渲染函数均可
  • 新增纯净的校验方法 validateOnly，专门用作校验，不带任何副作用，issue#981
  • 修复TagInput 组件按下 Enter 时触发 submit 事件，不再触发，issue#963
• Dialog: 优化动画初始位置 @huoyuhao (#1000)

🐞 Bug Fixes

• Table:
  • 修复table透传loading size为枚举无效的问题 @uyarn (#979)
  • 优化吸顶和吸底的位置，支持带有 offsetBottom 和 offsetTop 特性的位置定位，issue#987 @chaishi (#985)
• Select: @skytt @uyarn (#991)
  • 修复t-option异步加载问题
  • 修复分组为空未展示分组名称的问题
  • 优化虚拟滚动示例、修复pagination分页数量宽度问题
• Dialog: @huoyuhao (#994)
  • 修复普通对话框不脱离文档流的问题
  • 修复点击对话框后对话框会隐藏问题，issue#993
  • 修复 modeless 模式下背景样式点击透传的问题
  • 修复 attach 挂载 showInAttachedElement 定位问题

New Contributors

• @lxchuan12 made their first contribution in https://github.com/Tencent/tdesign-vue/pull/989

Full Changelog: https://github.com/Tencent/tdesign-vue/compare/0.42.0...0.42.1

❗️ BREAKING CHANGES

• Dialog: 移除 transform 定位实现方案，如有覆盖 Dialog 组件样式的情况请注意 DOM 结构有变动 @huoyuhao (#970)

🚀 Features

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

🐞 Bug Fixes

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

New Contributors

• @weikee94 made their first contribution in https://github.com/Tencent/tdesign-vue/pull/957
• @chiyu1996 made their first contribution in https://github.com/Tencent/tdesign-vue/pull/974

Full Changelog: https://github.com/Tencent/tdesign-vue/compare/0.41.7...0.42.0

🚀 Features

• Table:
  • appendTo 支持添加新节点到根节点，tdesign-vue-next issue#849 @chaishi (#931)
  • 新增 getTreeNode，用于获取整个树形结构，tdesign-vue-next issue#849 @chaishi (#931)
  • EnhancedTable 支持事件 @drag-sort @chaishi (#931)
  • 表格支持编辑单元格，issue#853 @chaishi (#932)
• InputNumber: 通过 inputProps 透传 Input 组件全部特性，@jchalex (#930)

🐞 Bug Fixes

• Progress: theme 由 circle 切换至 plump 后样式错乱 @Isabella327 (#936)
• InputNumber: 修复 theme = column 时设置 align 失效的问题 @jchalex (common #481)
• Table: 修复表头多选框无法居中和居右展示的问题，issue#912 @chaishi (common #932)
• 修复无法在 SSR 场景下使用的问题 @uyarn (#928)

🚧 Others

• 官网: 支持在线配置组件库主题 @uyarn (#775)

New Contributors

• @Isabella327 made their first contribution in https://github.com/Tencent/tdesign-vue/pull/936

Full Changelog: https://github.com/Tencent/tdesign-vue/compare/0.41.6...0.41.7

🚀 Features

• ColorPicker: 新增颜色选择器，使用请参照 官网 @S-mohan (#867)

🐞 Bug Fixes

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

🚧 Others

• 【官网】文档支持国际化 @HQ-Lin (#896)

New Contributors

• @S-mohan made their first contribution in https://github.com/Tencent/tdesign-vue/pull/867

Full Changelog: https://github.com/Tencent/tdesign-vue/compare/0.41.5...0.41.6

🚀 Features

• Form: 支持 help 配置的表单项说明内容与错误提示同时展示，未配置 help 时不再默认占位 @HQ-Lin (#884)
• Table: @chaishi (https://github.com/Tencent/tdesign-vue/pull/879))
  • 树形结构，支持默认展开全部，tree.defaultExpandAll，issue#852
  • 树形结构，支持自由控制展开全部，或收起全部 expandAll() foldAll()
  • 树形结构，支持拖拽排序，调整同层级顺序
  • 树形结构，支持在当前节点之前插入新节点 insertBefore
  • 树形结构，支持在当后节点之后插入新节点 insertAfter
• Tree: label 支持多行文本展示，issue# common 444 @ccccpj (#460)

🐞 Bug Fixes

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

New Contributors

• @ontheroad1992 made their first contribution in https://github.com/Tencent/tdesign-vue/pull/846
• @fengxianqi made their first contribution in https://github.com/Tencent/tdesign-vue/pull/806

Full Changelog: https://github.com/Tencent/tdesign-vue/compare/0.41.3...0.41.5

🚀 Features

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

🐞 Bug Fixes

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

New Contributors

• @Davont made their first contribution in https://github.com/Tencent/tdesign-vue/pull/849

Full Changelog: https://github.com/Tencent/tdesign-vue/compare/0.41.2...0.41.3

🚀 Features

• Table: 新增 API ellipsisTitle 用于单独控制表头的超出省略 @chaishi (#832)
• Tooltip: placement 新增 mouse 枚举值，用于支持基于鼠标位置定位 @Hoofoo-WHU (#843)

🐞 Bug Fixes

• Table: @chaishi (#832)
  • 修复默认情况，表尾吸底显示与否计算遗漏的问题 issue#833，commit#8323ea
  • 修复加载状态会导致拖拽排序失效的问题，tdesign-vue-next#648，commit#770d40
  • 修复表格 sorter:true 且 ellipsis: true 时样式冲突问题 issue#778，commit#c92168
  • TS 类型 TableColumns[0] 在严格模式下的使用问题
• Table: renderExpandedRow改为非必填 @uyarn (#844)
• 全局配置：修复animation属性exclude和include在 TS 中都必填的问题
• Datepicker: 修复 weekday 英文翻译的顺序问题 @keifergu (common #447)

🚧 Others

• Table: TS 类型全部移入 interface.ts 文件中，并导出 @chaishi (#832)
• Calendar: 对 value 属性功能进行修正，新增 month 和 year 属性，用于控制日历面板展示所属年/月。 @PsTiu (#813)
• 官网: 上线组件 live demo 能力，请访问 Button 组件文档 体验，@HQ-Lin (#695)

New Contributors

• @Hoofoo-WHU made their first contribution in https://github.com/Tencent/tdesign-vue/pull/843

Full Changelog: https://github.com/Tencent/tdesign-vue/compare/0.41.1...0.41.2

🚀 Features

• Message: 增加全局配置默认值能力 @sommouns (#795)
• Pagination: 新增 showFirstAndLastPageBtn、showPreviousAndNextBtn、showPageSize、showPageNumber 属性 @HQ-Lin (#808)
• Table:
  • 支持表尾吸底及表尾滚动条吸底 @chaishi (#810)
  • 支持表格列可以拖拽宽度 @tinna3445 (#757)

🐞 Bug Fixes

• Form: 修复 help 文本样式问题 @HQ-Lin (#803)
• Dialog: 修复 dialog 初始化时滚动穿透问题 @mxj0808 (#788)
• Table: 表头吸顶时，table 元素宽度修正，之前为直接等于外层宽度，不合理 @chaishi (#810)
• Table: 修复斑马纹 stripe 和固定表头同时存在时，样式问题，issue#804 @chaishi (#810)
• DatePicker: 修复DatePicker 点击快捷选择日期按钮左边面板日期时间不联动 @yilaierwang (#811)
• 防止 VueCompositionAPI 重复注册 @cong-min (#809)

New Contributors

• @tinna3445 made their first contribution in https://github.com/Tencent/tdesign-vue/pull/757
• @sommouns made their first contribution in https://github.com/Tencent/tdesign-vue/pull/795
• @yilaierwang made their first contribution in https://github.com/Tencent/tdesign-vue/pull/811

Full Changelog: https://github.com/Tencent/tdesign-vue/compare/0.41.0...0.41.1

❗️BREAKING CHANGES

• Table: 拖拽排序修改为drag=sort 表示列拖拽排序，drag=row 表示行拖拽排序，drag=row-handler 表示行手柄列拖拽排序。如果您使用了 drag="col" 来实现行拖拽排序，请更为使用 drag="row-handler"，pr #755，@chaishi

🐞 Bug Fixes

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

🌈 Features

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

New Contributors

• @codenotkey made their first contribution in https://github.com/Tencent/tdesign-vue/pull/744
• @dev-itsheng made their first contribution in https://github.com/Tencent/tdesign-vue/pull/754
• @asbstty made their first contribution in https://github.com/Tencent/tdesign-vue/pull/749

Full Changelog: https://github.com/Tencent/tdesign-vue/compare/0.40.3...0.41.0

🐞 Bug Fixes

• Timepicker: 修复手动清空 value 时异常的问题，pr #731，@uyarn
• Textarea: 修复输入数字零时显示异常的问题，issue #727，@mokywu
• Menu: 修复局部注册组件时报错的问题，issue #696，@LeeJim
• Select: 修复可过滤的选择器提前换行的问题，issue #726，@uyarn

Features

• Form: 默认渲染 extra DOM 节点，pr #730，@HQ-Lin
• Dialog: 新增 showInAttachedElement API 用于控制是否仅在挂载元素中显示弹窗，pr #711，@zhaodanchun
• Card: 新增卡片组件，pr #739，@uyarn，@zhwachen
• Swiper: 新增轮播框组件，pr #668，@start940315

🌈 New Contributors

• @zhaodanchun made their first contribution in https://github.com/Tencent/tdesign-vue/pull/711

Full Changelog: https://github.com/Tencent/tdesign-vue/compare/0.40.1...0.40.3

🐞 Bug Fixes

• Form: 修复 FormItem slot label 未正常占位的问题，pr #699，@HQ-Lin
• Slider: 修复设置 inputnumberProps 属性无效的问题，issue #544，@uyarn
• Upload: pr #698，@uyarn
  • 修复 remove、selectChange 时间回调异常的问题
  • 修复取消上传逻辑异常

🌈 Features

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

Full Changelog: https://github.com/Tencent/tdesign-vue/compare/0.40.1...0.40.2

🐞 Bug Fixes

• Table: 修复本地数据排序，异步加载数据时分页失效的问题，pr #689，@chaishi

Full Changelog: https://github.com/Tencent/tdesign-vue/compare/0.40.0...0.40.1

❗️BREAKING CHANGES

• Table: 表格行列拖拽排序功能重构，新用法请参考官网 demo，pr #657，@wangmerry

• Form: label 为空时不再默认渲染宽度占位，需要手动设置样式保持表单对齐pr #687，@HQ-Lin
  🐞 Bug Fixes

• Popconfirm: 修复确认框中按钮默认大小，pr #673，@pengYYYYY

• Upload:

  • 修复上传中状态文案，pr #678，@pengYYYYY
  • 修复上传模版问题，issue #675，@YikaJ

• Popup: 修复 hideEmptyPopup 在动态改变内容时不生效的问题，@LoopZhou

• Table: 修复合并单元格边框样式问题，issue #671，@chaishi

• Datepicker: 修复区间时间选择时，月份/年份选择面板样式异常的问题，issue #588，@HQ-Lin

• 修复 Table/SelectInput/TagInput 按需引入时出现 composition-api 相关报错的问题，pr #688，@xiaosansiji

🌈 Features

• Table: 支持外部设置当前显示列，新增 API displayColumns defaultDisplayColumns onDisplayColumnsChange 和事件 display-columns-change，pr #672，@chaishi

New Contributors

• @wangmerry made their first contribution in https://github.com/Tencent/tdesign-vue/pull/657

Full Changelog: https://github.com/Tencent/tdesign-vue/compare/0.39.1...0.40.0

🐞 Bug Fixes

• Upload: pr #640，@brianzhang
  • 修复 success 事件先于 progress 事件触发时，上传文件 loadingFile 值不正确的问题
  • 修复最大数量限制 max 在多次文件选择中判断不正确的问题
• Pagination: 修复跳转页输入框展示了额外 placeholder 默认内容的问题，pr #667，@xiaosansiji
• TreeSelect:
  • 修复 treeProps 中同时传入 key、load 时选中项显示的问题，issue #622，@Zwow
  • 修正 TreeSelect 的交互行为，与 Select 保持一致，issue #617，@YikaJ
  • 修复 filter 状态下，树无法折叠的问题；修复 lazy 状态下，无法正确展示 label 的问题，issue #550，@Godlike-meteor
• Table: pr #660，@chaishi
  • 修复虚拟滚动 threshold 引起的报错，issue#661
• 修复 TS 定义报错问题，非 Typescript 或 SSR 项目请尽快由 0.39.0 版本升级，pr #664，@uyarn

🌈 Features

• ConfigProvider: 完善语言配置能力，使用 common 仓库中的配置数据，pr #643，@pengYYYYY
• Table: pr #660，@chaishi
  • 表格超出省略浮层父元素更为表头 thead，避免挂载到全局 body
  • 过滤功能浮层元素默认挂载到 t-table，不再挂载到全局 body，issue#658

❗️BREAKING CHANGES
Table 组件使用 Composition API 重构，pr #365，@chaishi

• BaseTable HTML 结构变更，写过 CSS 样式覆盖的同学需注意更新样式
• 表头更为使用 th 标签，之前为 td，不符合语义
• 事件 row-db-click 更为row-dblclick ，onRowDbClick 更为rowDblclick
• 事件 row-hover 更为 row-mouseover, onRowHover 更为 onRowMouseover（本没有 rowHover 事件）
• CSS 类名 t-table__row-first-full-row 更为 t-table__first-full-row，t-table__row-last-full-row 更为 t-table__last-full-row

🐞 Bug Fixes

• Affix: 修复 onFixedChange 触发时机，在固定状态发生变化时才会触发该事件（改动之前为：滚动一直触发）
• Table:
  • 自定义列配置功能：多级表头和列显示配置同时存在时，无法进行正确的列配置的问题，列配置仅显示了第一层表头
  • 多级表头和固定列同时存在时，固定列有问题，issue #465
  • verticalAlign 不生效问题，issue #372
  • 右上角出现文字穿透问题，issue #383
  • 固定表头和固定列，全部使用 CSS sticky 输出样式，组件仅渲染一个表格，表头和表内容不再分开渲染输出。不仅支持 table-layout: fixed模式，同时也支持 table-layout: auto 模式
  • 设置 tableLayout: auto ，固定表头异常，issue #278
  • 设置 tableLayout: auto ，maxHeight 显示异常，issue #371
  • #issue 432
  • Table组件 BaseTableCol 配置项 fixed 和 ellipsis(true) 属性共存导致fix阴影无法显示， issue #392
  • 多级表头的表格 改变children的宽度无效 issue #367
  • table 组件使用 PrimaryTable 控制台报错 t-primary-table 未注册issue #373
  • 表格组件设置 height 或 maxHeight 后未出现滚动条的时候竖线不对齐，issue #378
  • 修复，排序图标和过滤图标同时存在时，样式异常问题

🌈 Features

• Table:
  • 排序交互变更：排序方式支持点击直接排序issue #480
  • 优化表格最后一列 ellipsis 浮层位置底部右对齐
  • 新增超出省略功能， ellipsis 支持透传 Popup 组件全部属性
  • 新增表尾合计行，支持固定在底部，支持多行合计，支持完全自定义内容 issue #116
  • 新增loadingProps 透传加载组件全部特性
  • 新增固定行（冻结行）
  • 虚拟滚动，issue #74，@Louiszhai
  • 新增排序图标自定义，插槽(slot='filterIcon')和渲染函数(props.filterIcon) 均可
  • 新增全局配置：过滤图标、空元素、异步加载文本配置、排序按钮文本配置
  • 新增 scroll 滚动事件
  • 新增表头吸顶功能，issue #216
  • 新增综合功能：多级表头 + 固定表头 + 固定列 + 表头吸顶 + 虚拟滚动 + 自定义列配置
  • 过滤功能，条件为真时，高亮筛选图标