Gutenberg 21.6 新功能概览（9 月 10 日发布）

Gutenberg 21.6 已在 9 月 10 日发布，为编辑器带来了多项实用更新。本次版本重点优化了 手风琴块 与 数据视图网格，并扩展了全局样式的适配范围，让表单元素与整体设计更加统一。同时，它修复了多个影响使用体验的 bug，并在底层持续推进 TypeScript 迁移，为未来升级至 React 19 奠定技术基础。无论是内容创作者还是开发者，都能在这一版本中获得更顺畅、更高效的使用体验。

新功能与增强

• 手风琴块改进
  • 新增“添加”按钮，可以直接在工具栏中快速增加内容项。
  • 删除多余的包装元素，代码更简洁。

• 数据视图网格优化
  • 支持隐藏标题，界面更清爽。
  • 悬停时可访问操作按钮，提升交互体验。

• 全局样式扩展
  • 选择框、下拉菜单、文本输入框全面支持全局样式。
  • 开发者可通过 theme.json 统一控制颜色、边框和字体。

• 核心增强
  • 核心命令新增返回仪表板选项。
  • 核心数据新增分页支持与正向解析器。
  • 创建块支持生命周期脚本执行。
• DataForm 改进
  • 支持组合字段描述。
  • 验证行为更简化。
  • 卡片布局可显示字段描述。

错误修复

• 区块相关修复
  • 手风琴标题在 RTL 布局下按钮错位问题已解决。
  • 修复嵌套折叠图标显示异常。
  • 修复日期块的时区问题。
  • 修复图库区块启用灯箱后随机化功能失效。
• 编辑器与 UI
  • 修复后退按钮图标位置错误。
  • 改进“设计”侧边栏面板性能。
  • 修复 useAvailablePatterns 中的样式表注入问题。
• 数据与脚本
  • 修复 getEntityRecordsTotalPages 选择器错误。
  • 移除 clean-webpack-plugin 依赖。
  • 避免访问不必要的全局变量。

开发与性能优化

• TypeScript 迁移
  • 将 api-fetch、日期包等模块迁移到 TypeScript。
  • 删除没有使用的 reducer，优化核心数据。
• 依赖升级与兼容性
  • 升级 framer-motion 到 v11.15.0。
  • 插入器组件和类型定义适配 React 19。
• 工具与测试
  • 改进 PHP 单元测试作业。
  • Playwright 升级到 v1.55。
  • 改进端到端测试和 Storybook 冒烟测试。

总结

• 编辑体验更高效：手风琴块和数据视图网格更好用。
• 样式控制更灵活：表单元素纳入全局样式体系。
• 系统更稳定：大量 bug 修复，性能优化。
• 面向未来：持续迁移到 TypeScript，并为 React 19 升级做准备。

联系我们
教程看不懂？联系我们为您免费解答！免费助力个人，小企站点！	客服微信
① 电话：020-2206-9892
② QQ咨询：1025174874
③ 邮件：[email protected]
④ 工作时间：周一至周五，9:30-18:30，节假日休息