TDesign Weekly Release (Feb 4th 2023)

组件库

Vue2 for Web 发布 1.1.3

🚀 Features

• Message: MessagePlugin 插件支持传入 className/style，以便自定义消息样式 @chaishi (#2151)
• Dialog: 确认按钮主题不再跟随 Dialog 主题变动 @xiaosansiji (#2172)
• Guide: 定义步骤浮层内容 @chaishi (#2170)
  • 支持使用插槽 body title content 自定义相关内容
  • 支持透传 popupProps 属性，以便自定义更多特性，如 popupProps.overlayInnerClassName
• Select: 支持Option自定义title属性 @uyarn (#2176)
• Popup: 新增onScrollToBottom事件，新增popperOptions API @uyarn (#2176)

🐞 Bug Fixes

• Timeline: 修复自定义图标未能显示在正中间的问题 @chaishi (#2150)
• Table:
  • 表格宽度向下取整，修复表格宽度出现小数时导致吸顶和吸底出现横向滚动条 @huangpiqiao (#2159)
  • 修复 ssr 场景下构建报错的问题 @KMethod (#2166)
• Guide: @chaishi (#2170)
  • 修复 @next-step-click @prev-step-click @skip 等事件未能触发问题
  • 修复 上一步、下一步、跳过 等按钮的标识类名未能正确添加问题 @chaishi (#2170)
• SelectInput: @uyarn (#2176)
  • 修复基于 SelectInput 的输入类组件单选可输入模式下回删无法完全清空，及其导致的一系列问题
  • 修复onBlur事件触发时机的问题 @uyarn (#2176)
• Tabs: 修复在 tabs 内容区域使用图标大小异常的问题 @uyarn (#2176)
• Drawer/Dialog: 修复滚动条检测问题 @honkinglin (#2173)
• Button: 修复按钮 block 样式优先级问题 @honkinglin (common #1152)

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

Vue3 for Web 发布 1.0.9

🚀 Features

• Upload:
  • 可拖拽的单图片/单文件上传，支持使用 fileListDisplay 自定义文件信息内容 @chaishi (#2418)
  • 一个请求上传多个文件时，去除重复参数 file，保留 file[0] file[1] 即可，同时新增参数 length 表示本次上传文件的数量 @chaishi (#2418)
  • onError/onSuccess/onProgress 添加关键事件参数 XMLHttpRequest，用于获取上传请求更详细的信息 @chaishi (#2418)
  • tips 支持插槽，支持函数 @chaishi (#2418)
  • 新增上传请求超时也会执行 onError @chaishi (#2418)
  • 支持事件 onCancelUpload @chaishi (#2418)
  • 支持 mockProgressDuration，用于设置模拟上传进度间隔时间，大文件大一点，小文件小一点 @chaishi (#2418)
• Dialog: 确认按钮主题不再跟随 Dialog 主题变动 @xiaosansiji (#2434)

🐞 Bug Fixes

• Upload:
  • 修复 onSelectChange 事件第二个参数 currentSelectedFiles 不正确问题 @chaishi (#2418)
  • 修复 autoUpload=false 场景下，即使 beforeUpload 函数全部返回 false 依然会触发 onChange 事件问题 @chaishi (#2418)
  • 修复 data 为函数时，参数为空问题，补充参数 files @chaishi (#2418)
  • 修复 theme=image-flow 时，无法使用 fileListDisplay 自定义图片列表问题 @chaishi (#2418)
  • 修复文件数量超出 max 时，且没有可继续上传的文件，依然触发 change 事件问题 @chaishi (#2418)
  • 修复 theme=file 或者 theme=image-flow 时，abridgeName 无效问题 @chaishi (#2418)
  • 修复 theme=image-flow 且 autoUpload=false 时，change 事件第一个参数丢失 file.url 问题 @chaishi (#2418)
  • 修复非自动上传场景 change 事件第二个参数 file 值并非当前文件问题 @chaishi (#2418)
  • 修复各类插槽无效和事件无效问题 @chaishi (#2418)
• Nuxt: 修复 nuxt 下的编译报错 @PengYYYYY (#2417)
• Dialog: 修复 class 属性出现警告 @Aicmortal (#2424)
• Swiper: 修复 swiper 组件 v-model:current, current 的值不随着轮播变化。(issue #2416) @Zzongke (#2427)
• SelectInput: 修复 SelectInput 及基于 SelectInput 的输入类组件( Select/Cascader/TreeSelect ) 单选可输入模式下回删无法完全清空及其导致的一系列问题 @uyarn (#2429)
• Drawer: 修复 drawer 滚动条检测问题 @honkinglin (#2438)
• Dialog: 修复 dialog 滚动条检测问题 @honkinglin (#2438)

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

React for Web 发布 1.0.1

🚀 Features

• Popup: 新增onScrollToBottom 事件 @uyarn (#1980)
• Select:
  • 支持虚拟滚动的使用 @uyarn (#1980)
  • 支持autofocus、suffix，suffixIcon等API，onSearch新增回调参数 @uyarn (#1980)
  • Option子组件支持自定义titleAPI @uyarn (#1980)
• Icon: 加载时注入样式，避免在 next 环境中报错的问题 @uyarn (#1990)
• Avatar: 组件内部图片，使用 Image 组件渲染，支持透传 imageProps 到 Image 图片组件 @chaishi (#1993)
• Dialog: plugin 调用支持自定义 visbile @moecasts (#1998)
• Tabs: 支持拖拽能力 @duanbaosheng (#1979)

🐞 Bug Fixes

• Select: 修复onInputchange触发时机的问题 @uyarn (#1980)
• Radio: 修复 radio disabled 默认值问题 @honkinglin (#1977)
• TagInput: 修复0.45.4版本后TagInput增加blur行为导致Select/Cascader/TreeSelect无法过滤多选的问题 @uyarn (#1989)
• Avatar: 修复图片无法显示问题 @chaishi (#1993)
• Image: 修复事件类型问题 @chaishi (#1993)
• Tree: 修复子节点被折叠后无法被搜索问题 @honkinglin (#1999)
• Popup: 修复浮层显隐死循环问题 @honkinglin (#1991)
• Form: 修复 formList onValuesChange 获取不到最新数据问题 @honkinglin (#1992)
• Drawer: 修复 drawer、Dialog 滚动条检测问题 @honkinglin (#2001)

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

Miniprogram for WeChat 发布 1.0.0-rc.3

❗ Breaking Changes

• Image: 插槽的渲染需要传入对应 slot 的字符串 @LeeJim (#1609)
• Input: 调整 DOM 以及类名 @anlyyao (#1585)

🚀 Features

• 所有组件新增支持 class 外部样式类，仅在开启 virtualHost 的情况下生效 @anlyyao (#1587)
• Input: 支持 tips 文本方向与 align 属性值一致 @anlyyao (#1585)
• CellGroup: 默认最后一项 cell 无底部边框线 @anlyyao (#1607)
• Image: 补充外部样式类名 class @anlyyao (#1611)
• DropdownMenu: 新增 reset 事件 @LeeJim (#1617)
• Drawer: 支持无障碍访问 @zhangpaopao0609 (#1552)

🐞 Bug Fixes

• Input: 修复 layout = 'vertical' 时，样式不正确 @anlyyao (#1585)
• Swiper: 修复图片压缩变形问题 @anlyyao (#1607)
• Navbar: 修复左侧胶囊按钮在真机上上边框线消失问题 @anlyyao (#1607)
• Upload: 解决因无备用值产生的告警 @anlyyao (#1611)
• Picker: 解决因无备用值产生的告警 @anlyyao (#1611)
• PullDownRefresh: 解决因无备用值产生的告警 @anlyyao (#1611)
• NoticeBar: 解决 SelectorQuery 带来的告警 @anlyyao (#1611)
• Link: 修复 API 文档错误 @anlyyao (#1611)
• Tabs: 修复属性不支持响应式变化的问题 @LeeJim (#1616)
• DropdownMenu: 修复下拉菜单遮罩层无法点击 @RoseyW (#1615)
• Message: 修复事件名称，以符合文档 @LeeJim (#1618)
• Dialog: 修复事件名，从 overlayClick 改成 overlay-click @LeeJim (#1619)
• SwiperNav: 修复事件名，从 navBtnChange 改成 nav-btn-change @LeeJim (#1619)
• TextArea: 修复事件名，从 lineChange改成 line-change @LeeJim (#1619)
• DropdownMenu: 修复下拉菜单遮罩层无法点击 @RoseyW (#1615)

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

解决方案及周边

TDesign Vue Next Starter 发布 0.7.2

🚀 Features

• 优化菜单生成逻辑 by @timi137137 in Tencent/tdesign-vue-next-starter#413
• 多标签Tab栏支持拖拽排序 by @liweijie0812 in Tencent/tdesign-vue-next-starter#426

🐞 Bug Fixes

• 修复列表页示例拼音输入的问题 by @liweijie0812 in Tencent/tdesign-vue-next-starter#421
• 优化登录页及个人中心页样式 by @Wen1kang in Tencent/tdesign-vue-next-starter#415
• 修复 tdesign-vue-next 1.0.8版本由于引入Teleport后drawer内样式穿透失效引起的样式错乱 by @uyarn in Tencent/tdesign-vue-next-starter#425

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