TDesign 更新周報（2022年7月第3周）

元件庫

Vue2 for Web 釋出 0.44.0

❗ Breaking Changes

• DatePicker

  : 部分樣式類命名調整，更符合 BEM 規範，存在不相容更新，如有覆寫日期選擇器樣式的小夥伴請注意調整，其他同學可以忽略

🌈 Features

• Jumper

  : 新增

  jumper

  元件

• Icon

  : 新增

  mirror

  和

  rotation

  圖示

• DatePicker

  : 支援面闆年月動态響應 value 變化

• Table

  :
  • 樹形結構支援同時添加多個根節點
  • 新增可編輯行的表格；新增 showEditIcon，用于控制是否顯示編輯圖示

🐞 Bug Fixes

• SelectInput

  : 修複透傳 disabled 失效問題

• Icon

  : 修複 iconfont 進階用法由于

  t-icon

  的 幹擾導緻渲染異常的情況

• Select

  :
  • 修複

    panelTopContent

    、

    panelBottomContent

    透傳失效的問題
  • 修複監聽事件未正常移除的問題
  • 修複 keys 透傳失效導緻 multiple 場景下 keys 無效的問題

• Table

  :
  • 修複多級表頭表格中，列配置全選功能選不全的問題
  • 修複可選中行

    table

    元件，

    data

    為空資料時，預設全選按鈕會選中的問題
  • 相容IE滾動條高度計算覆寫不全問題
  • 修複樹形結構懶加載順序問題
  • 可編輯單元格，修複

    onEnter

    無法觸發

    onEdited

    問題；修複校驗不通過時，無法退出編輯态的問題
  • 修複表格列寬拖拽到最大或最小時，有可能無法二次拖拽的問題

詳情見：https://github.com/Tencent/tdesign-vue/releases/tag/0.44.0

Vue3 for Web 釋出 0.18.0

❗ Breaking Changes

• Table

  : 可編輯表格行，行校驗函數由

  validateRowDate

  更名為

  validateRowData

  ，存在不相容更新

🌈 Features

• Table

  : 樹形結構，支援同時添加多個根節點

• Table

  : 可選中行，擴大選擇元件的點選範圍

• Table

  : 拖拽調整寬度，非邊框模式，懸浮到表頭時，顯示表頭邊框

🐞 Bug Fixes

• Table

  : 修複可編輯單元格，校驗失敗的資訊無法清除問題

• Table

  : 樹形結構，修複樹形結構懶加載順序問題

• Swiper

  : 動态修改

  swiper item

  會出現

  vue

  警告

• Tree

  : 修複節點過濾後被一直鎖住的問題

• DatePicker

  : 調整

  bem

  命名

詳情見：https://github.com/Tencent/tdesign-vue-next/releases/tag/0.18.0

Vue3 for Web 釋出 0.17.5

🌈 Features

• Icon

  : 新增

  mirror

  和

  rotation

  圖示

• DatePicker

  : 支援面闆年月動态響應 value 變化

🐞 Bug Fixes

• Input

  : 修複

  Input

  元件切換

  type

  後不生效的問題

• Icon

  : 修複

  iconfont

  進階用法由于

  t-icon

  的幹擾導緻渲染異常的情況

• Table

  : 列寬拖拽，拖動到邊界處後無法再次拖動

• Table

  : 多級表頭場景下的多選，無法全選

• Table

  : 修複可選中行

  table

  元件，

  data

  為空資料時，預設全選按鈕會選中的問題

• InputNumber

  : 修複初始化時對

  null

  及字元串校驗異常

• Dialog

  : 多個

  dialog

  同時存在時使用

  esc

  關閉異常

• Input

  : 修複

  autowidth

  表現異常

• Input

  : 修複

  Input

  元件切換

  type

  後不生效的問題

詳情見：https://github.com/Tencent/tdesign-vue-next/releases/tag/0.17.5

React for Web 釋出 0.37.0

❗ Breaking Changes

• DatePicker

  : 調整元件dom 節點 class 命名，存在不相容更新

🌈 Features

• Icon

  : 新增

  mirror

  和

  rotation

  圖示

• DatePicker

  : 支援面闆年月動态響應 value 變化

• Form

  : 支援同步擷取最新資料

• table

  : 樹形結構，支援同時添加多個根節點

• table

  : 可編輯單元格/可編輯行，新增

  showEditIcon

  ，用于控制是否顯示編輯圖示

• table

  : 新增可編輯行的表格

• table

  : 可調整列寬，無邊框表格，懸浮到表頭時顯示邊框，友善使用者尋找調整列寬的位置

• Button

  : 支援 href、tag、suffix API

🐞 Bug Fixes

• Icon

  : 修複iconfont進階用法由于t-icon的幹擾導緻渲染異常的情況

• table

  : 修複可選中行table元件，data為空資料時，預設全選按鈕會選中的問題

• table

  : 列寬拖拽調整到邊界時無法重新調整

• table

  : 多級表頭場景下的列配置，無法全選

• Pagination

  : 修複左右切換禁用失效問題

• table

  : 修複樹形結構，懶加載順序問題

• TagInput

  : 修複hover時元件換行的樣式異常

• drawer

  : 修複開啟 destroyOnClose 時多次打開關閉時動效丢失問題

• table

  : 可編輯單元格，修複無法透傳 ReactNode 屬性到元件

• table

  : 可編輯單元格，修複

  onEnter

  無法觸發

  onEdited

  問題

• table

  : 可編輯單元格，一旦校驗不通過，後續編輯無法退出編輯态問題

• card

  : 修複 header 渲染失效問題

• Select

  : 修複手動控制 popupVisble 展示空白内容

• ColorPicker

  : 修複切換漸變節點 hue 飽和度未更新的問題

• Form

  : 修複 React 18 useEffect 觸發兩次導緻表單自動校驗問題

• Form

  : 修複 rule min max 不支援數組校驗

詳情見：https://github.com/Tencent/tdesign-react/releases/tag/0.37.0

Miniprogram for WeChat 釋出 0.16.0

❗ Breaking Changes

• Drawer

  : 調整

  placement

  屬性，隻支援

  left

  和

  right

  ，存在不相容更新

• Button

  :

  tap

  事件傳回值更新為

  event

  對象，存在不相容更新

• Skeleton

  : 屬性

  theme

  移除

  avatar-text

  ；新增

  avatar

  、

  image

  、

  paragraph

  ，存在不相容更新

• Skeleton

  : 外部樣式類移除

  t-class-avatar

  、

  t-class-image

  、

  t-class-text

  ；新增

  t-class-col

  ，存在不相容更新

• Skeleton

  : 屬性

  rowCol

  移除預設值

  [1, 1, 1, { width: 70% }]

  ，存在不相容更新

🌈 Features

• Picker

  : 增加

  autoClose

  屬性，點選确認、取消、遮罩層時自動關閉

• Result

  : 新增元件

🐞 Bug Fixes

• Picker

  : 修複

  pick

  事件傳回的

  label

  不正确的問題

• Picker

  :

  confirm-btn

  和

  cancel-btn

  增加

  boolean

  類型，值為

  true

  時使用預設文案

• DropdownMenu

  : 移除備援的

  z-index

• Loading

  : 修複

  text

  為空時仍渲染非空節點的問題

🚧 Others

• Switch

  : 更新示例代碼

• NoticeBar

  : 更新示例代碼

• Picker

  : 更新示例代碼

• Tag

  : 更新示例代碼

• Steps

  : 更新示例代碼

• Skeleton

  : 更新示例代碼

詳情見：https://github.com/Tencent/tdesign-miniprogram/releases/tag/0.16.0

Vue3 for Mobile 釋出 0.9.2

🐞 Bug Fixes

• DropdownMenu

  : 修複樹形狀态下溢出時無法滾動的問題

• Sticky

  : 修複 fixed 狀态下丢失寬度的問題

• Skeleton

  : 修複 props 變化不重新渲染的問題

詳情見：https://github.com/Tencent/tdesign-mobile-vue/releases/tag/0.9.2

React for Mobile 釋出 0.1.2

🐞 Bug Fixes

• Sticky: 修複 fixed 狀态下丢失寬度的問題

🚧 Others

• chore: 優化更新日志文檔樣式

詳情見：https://tdesign.tencent.com/mobile-react/getting-started

設計資源

Figma for Web 釋出 1.2.2

❗ Breaking Changes

• Table

  ：修改列模式表格的列數和行數，删除不帶分頁器的變體内容，存在不相容更新

🌈 Features

• icon

  ：新增

  mirror/rotation

  圖示

• font

  ：新增

  18

  号

  title-large

  字階，修改為

  20

  号為

  title-extraLarge

  字階

• Tree

  ：新增樹結構無子集變體

• Table

  ：新增列模式的tag和文字搭配的變體

🐞 Bug Fixes

• Tag

  ：修複

  CheckTag Disabled

  态顔色錯亂問題

• Transform

  ：修複搜尋框圖示問題，修複右側視窗的布局問題

• Table

  ：修複示例展示問題

詳情見： https://www.figma.com/community/file/1053279236128724321/TDesign-for-web

解決方案及周邊

TDesign Vue Next Starter 釋出 0.3.6

🌈 Features

• 更新 tdesign-vue-next 至 0.18.0 版本
• 增加 apis 目錄 管理項目中使用到的 api

• router

  調整為自動導入

🐞 Bug Fixes

• 部分選擇器未随自定義樣式字首更改

詳情見： https://github.com/Tencent/tdesign-vue-next-starter/releases/tag/0.3.6

更多更新檢視：https://tdesign.tencent.com/about/release