MUI X v6.11.0。所有新功能汇总

自从第一个 v6 稳定版本发布以来，我们不断推出新的主要功能。现在我们已经达到了 MUI X v6.11.0，现在是深入研究 MUI X v6 的最新添加功能以及您现在应该获取最新版本的原因的时候了。

日期选择器

支持时区

不再需要费力地在您选择的时区中显示日期。 🌎

您可以轻松地在不同的时区显示和选择日期和时间，而无需担心转换逻辑或与后端保持一致性。

设置 timezone 属性以定义应在哪个时区显示日期、时间或日期时间。

<TimePicker
  value={value}
  onChange={setValue}
  timezone="Pacific/Honolulu" // Can be in any timezone of your choice
  label={'Rendered in "Pacific/Honolulu"'}
/>

查看完整说明，了解有关在您的应用程序中使用此功能的更多信息。

数字时钟

数字时钟是时间选择器的模拟时钟的替代方案。最初的提案主要集中在移动设备上，而新的界面是为桌面体验设计的，以获得更好的时间精度。这一新增加使我们的日期选择器比以往任何时候都更加通用和用户友好。它在时间选择器和日期时间选择器上都作为桌面的默认变体提供。

在日期选择器 - 数字时钟文档中查看所有可能性，并告诉我们您的想法！

数据网格

列标题上的筛选器

列标题上的筛选允许用户快速筛选数据，而无需任何额外的菜单。使用 unstable_headerFilters 属性激活此功能。

新的筛选字段显示在标题下方，并与筛选面板同步。如果您更喜欢更简洁的方式，可以使用 disableColumnFilter 属性禁用默认筛选面板，并将筛选器设置为仅使用默认运算符。

有关如何使用和自定义筛选器的更多详细信息，请查看其文档页面。

复制和粘贴

在设置 experimentalFeatures={{ clipboardPaste: true }} 属性后，您可以直接将数据复制和粘贴到数据网格以及从数据网格复制和粘贴数据。

这项新功能非常通用，您可以交换来自其他字段、其他网格的数据，甚至可以直接与您选择的电子表格工具进行数据交换。

此功能与编辑 API 集成，因此可以使用 processRowUpdate 属性持久保存粘贴的数据，以通过您常用的编辑验证过程更新您的数据源。回调 clipboardPasteStart 和 clipboardPasteEnd 在剪贴板粘贴操作期间触发，这对于围绕事件进行额外的自定义非常有用。

有关如何使用剪贴板复制和粘贴的更多详细信息，请查看数据网格 - 剪贴板文档。

图表 - alpha 版本

我们很高兴地宣布 MUI X 即将扩展：一套全新的用于构建和自定义图表的组件。

借助 MUI X Charts，您可以从各种图表类型中进行选择，包括折线图、柱状图、饼图、面积图、散点图等等。每种图表类型都经过精心设计，注重细节，确保视觉表示不仅美观，而且在传达复杂数据方面也高效。

它还附带了由我们的设计师专门制作的华丽调色板！

查看下面的视频，重点介绍我们的一些图表

随着我们朝着稳定版本迈进，我们致力于增强开发人员和用户的整体体验，因此您的反馈至关重要！

我们还将稳步扩展我们的产品组合，增加新的图表类型，例如热图、漏斗图、甘特图等等。如果您希望我们优先考虑特定的图表可视化，我们鼓励您为 GitHub 上的相应 issue 投票。您的意见可以直接影响我们的开发计划，所以请随时告诉我们您最关心什么！

立即开始使用图表！

Tree View 正在迁移到 MUI X

Tree View 正在从 lab 迁移到 MUI X，它很快将发布第一个 Alpha 版本！

Tree View 是一个以树状格式表示层次结构的组件。想想显示文件夹和文件的文件系统导航器或导航列表。

请关注我们的下一篇博客，了解 Tree View 迁移。

我们决定将此组件迁移到 MUI X，因为仍然有很多很棒的功能可以构建（例如复选框、拖放、虚拟化），并且它通常不是设计系统的主要组件。如果您想了解有关此决定的更多信息，请访问 MUI Core 与 MUI X。

反馈

我们总是很高兴收到反馈，因此如果您想分享您的痛点和用例，请通过此 Google 表单给我们留下您的联系方式。与往常一样，欢迎您在 MUI X GitHub 存储库中请求新功能、报告错误并参与讨论。如果您还没有加入，请加入我们最近推出的 MUI Discord 服务器中不断壮大的社区。

干杯！