MUI Toolpad v0.14.0 版本发布：CRUD增强与无障碍改进

项目简介

MUI Toolpad 是一个基于 React 和 Material UI 的低代码开发平台，它允许开发者通过可视化界面快速构建应用程序。该项目由 Material UI 团队维护，继承了 Material UI 的优秀设计理念和组件体系，同时提供了拖拽式开发体验。

核心更新内容

1. Material UI v7 兼容性支持

本次更新最重要的改进之一是全面支持最新版本的 Material UI v7。这意味着开发者现在可以在 Toolpad 项目中无缝使用 Material UI 的最新特性和组件。Material UI v7 带来了许多性能优化和设计改进，Toolpad 的兼容性更新确保了开发者能够充分利用这些优势。

2. CRUD 功能增强

CRUD（创建、读取、更新、删除）是大多数应用程序的核心功能，Toolpad 在此版本中对 CRUD 功能进行了多项改进：

• 子组件插槽暴露：现在可以将子组件插槽暴露给顶级 CRUD 组件，这为开发者提供了更大的灵活性来定制 CRUD 界面。
• 默认项目集成：通过 CLI 生成的新项目现在默认包含 CRUD 功能，简化了项目初始化流程。
• 新增示例：文档中新增了多个 CRUD 使用示例，帮助开发者更好地理解和应用这一功能。
• 测试覆盖：新增了基本的 CRUD 测试，提高了功能的稳定性和可靠性。

3. 无障碍访问改进

可访问性是现代 Web 应用的重要考量因素，本次更新特别关注了这一点：

• 标题属性添加：为多个组件添加了标题属性，提升了屏幕阅读器的兼容性。
• 菜单结构优化：将分隔线和标题渲染为 li 元素，改善了菜单的语义结构。

4. 对话框功能修复

对话框是用户交互的重要组件，本次修复了对话框 promise 的问题：

• 现在可以通过编程方式关闭由 confirm、prompt 和 alert 创建的对话框，这为开发者提供了更灵活的控制能力。

5. 国际化增强

新增了翻译键的插值功能，使得国际化支持更加灵活和强大。开发者现在可以在翻译字符串中插入动态值，为多语言应用提供了更好的支持。

技术架构改进

模块系统迁移

@toolpad/core 已迁移至 ESM（ECMAScript Modules）模块系统，这是现代 JavaScript 的发展方向。ESM 提供了更好的静态分析能力、更清晰的依赖关系和更高效的代码拆分。

构建系统优化

移除了 studio 工作区，简化了项目结构。同时升级了整个 monorepo 的依赖关系，确保了项目的长期可维护性。

开发者体验提升

文档改进

• 修正了多处文档中的语法和表述问题
• 新增了 CRUD 在主题化示例中的应用
• 补充了 peer 依赖项的说明
• 添加了 pnpm 的使用说明

示例丰富

新增了多个 CRUD 使用示例，帮助开发者更快上手这一核心功能。这些示例覆盖了常见的使用场景，可以作为实际项目开发的参考。

总结

MUI Toolpad v0.14.0 版本带来了多项重要改进，特别是在 CRUD 功能、无障碍访问和国际化支持方面。这些更新不仅增强了平台的功能性，也提升了开发体验和最终用户的可访问性。随着对 Material UI v7 的支持，Toolpad 保持了与现代前端生态系统的同步，为开发者提供了更强大的工具来构建高质量的应用程序。

对于现有用户，建议关注 CRUD 功能的新特性和对话框的编程控制能力，这些改进可以显著提升开发效率。对于新用户，现在通过 CLI 生成的项目已经包含了 CRUD 功能，可以更快地开始项目开发。