Gutenberg 21.6 已在 9 月 10 日發(fā)布，為編輯器帶來了多項實用更新。本次版本重點優(yōu)化了 手風(fēng)琴塊 與 數(shù)據(jù)視圖網(wǎng)格，并擴展了全局樣式的適配范圍，讓表單元素與整體設(shè)計更加統(tǒng)一。同時，它修復(fù)了多個影響使用體驗的 bug，并在底層持續(xù)推進 TypeScript 遷移，為未來升級至 React 19 奠定技術(shù)基礎(chǔ)。無論是內(nèi)容創(chuàng)作者還是開發(fā)者，都能在這一版本中獲得更順暢、更高效的使用體驗。

新功能與增強

• 手風(fēng)琴塊改進
  • 新增“添加”按鈕，可以直接在工具欄中快速增加內(nèi)容項。
  • 刪除多余的包裝元素，代碼更簡潔。

• 數(shù)據(jù)視圖網(wǎng)格優(yōu)化
  • 支持隱藏標(biāo)題，界面更清爽。
  • 懸停時可訪問操作按鈕，提升交互體驗。

• 全局樣式擴展
  • 選擇框、下拉菜單、文本輸入框全面支持全局樣式。
  • 開發(fā)者可通過 theme.json 統(tǒng)一控制顏色、邊框和字體。

• 核心增強
  • 核心命令新增返回儀表板選項。
  • 核心數(shù)據(jù)新增分頁支持與正向解析器。
  • 創(chuàng)建塊支持生命周期腳本執(zhí)行。
• DataForm 改進
  • 支持組合字段描述。
  • 驗證行為更簡化。
  • 卡片布局可顯示字段描述。

錯誤修復(fù)

• 區(qū)塊相關(guān)修復(fù)
  • 手風(fēng)琴標(biāo)題在 RTL 布局下按鈕錯位問題已解決。
  • 修復(fù)嵌套折疊圖標(biāo)顯示異常。
  • 修復(fù)日期塊的時區(qū)問題。
  • 修復(fù)圖庫區(qū)塊啟用燈箱后隨機化功能失效。
• 編輯器與 UI
  • 修復(fù)后退按鈕圖標(biāo)位置錯誤。
  • 改進“設(shè)計”側(cè)邊欄面板性能。
  • 修復(fù) useAvailablePatterns 中的樣式表注入問題。
• 數(shù)據(jù)與腳本
  • 修復(fù) getEntityRecordsTotalPages 選擇器錯誤。
  • 移除 clean-webpack-plugin 依賴。
  • 避免訪問不必要的全局變量。

開發(fā)與性能優(yōu)化

• TypeScript 遷移
  • 將 api-fetch、日期包等模塊遷移到 TypeScript。
  • 刪除沒有使用的 reducer，優(yōu)化核心數(shù)據(jù)。
• 依賴升級與兼容性
  • 升級 framer-motion 到 v11.15.0。
  • 插入器組件和類型定義適配 React 19。
• 工具與測試
  • 改進 PHP 單元測試作業(yè)。
  • Playwright 升級到 v1.55。
  • 改進端到端測試和 Storybook 冒煙測試。

總結(jié)

• 編輯體驗更高效：手風(fēng)琴塊和數(shù)據(jù)視圖網(wǎng)格更好用。
• 樣式控制更靈活：表單元素納入全局樣式體系。
• 系統(tǒng)更穩(wěn)定：大量 bug 修復(fù)，性能優(yōu)化。
• 面向未來：持續(xù)遷移到 TypeScript，并為 React 19 升級做準(zhǔn)備。

聯(lián)系我們
教程看不懂？聯(lián)系我們?yōu)槟赓M解答！免費助力個人，小企站點！	客服微信
① 電話：020-2206-9892
② QQ咨詢：1025174874
③ 郵件：info@361sale.com
④ 工作時間：周一至周五，9:30-18:30，節(jié)假日休息