跳到内容
返回博客

MUI X v6.18.0 以及下一个主要版本之前的最新功能

José Freitas

@joserodolfofreitas
+
MUI X v6.18.0 release

我们很高兴通过 MUI X v6.18.0 的发布分享最新的 MUI X 功能,v6 版本通过新的组件和可靠的功能得以完善。

随着我们准备专注于下一个主要版本,让我们回顾一下自 我们上一篇博文 以来引入的值得注意的新功能。

目录

新的稳定组件

图表

MUI X 图表的稳定版本支持您在日常应用程序中最常用的图表类型。它包括折线图、面积图、条形图、饼图和散点图。最新版本还包括

动画

条形图和饼图目前支持动画。更多功能即将推出!

水平条形图支持

最近添加:水平条形图扩展了您的数据可视化范围,尤其是在您需要为多个类别显示长标签时。查看 条形图布局文档 了解更多详情。

改进的文本自定义

随心所欲地自定义图例文本,使您的图表更具可读性和视觉吸引力。

👉 立即开始使用 MUI X 图表

树形视图

经过实验室和预发布包中漫长的开发和完善期,并感谢我们从您和社区收到的宝贵反馈,我们很高兴地分享该软件包现已正式稳定!

👉 立即开始使用 MUI X 树形视图

日期选择器

可清除字段

日期和时间字段的一个备受期待的功能是,现在允许用户单击一下即可清除选定的日期。通过访问可清除行为文档了解如何使用它。

平滑的动画

日期选择器动画已得到显著平滑,以确保更流畅的体验,尤其是在 Android 移动设备上。

自定义 Playground

我们不断改进文档,并努力更好地沟通如何有效地使用我们的组件。借助新的自定义 Playground,您现在可以自定义 日期选择器 的样式,并尝试 子组件 的多种组合,以实现您期望的外观和感觉。

数据表格

列自动调整大小

新的自动调整大小功能会自动调整列宽以适应其中的内容。您可以包含或排除标题和异常值进行计算,并扩展以使用网格的整个区域。在列自动调整大小部分了解更多详情。

新的示例

我们正在不断改进我们的文档,并且我们开始添加更多高级示例,例如批量编辑树数据的延迟加载

Sparkline 作为列类型

您可以将 MUI X 图表与数据表格集成,以将 Sparkline 图表添加到列中。

Sparkline charts on the MUI X Data Grid

👉 立即开始在数据表格中使用 Sparkline 图表

性能改进

在我们不断追求增强用户体验的过程中,我们显著提升了过滤和滚动性能。

为了说明这些改进,下表显示了 v5 最新版本 (v5.17.26) 与 v6.18.0 的基准比较。重点是评估在涉及超过 100,000 行的单列字符串过滤器用例中的原始过滤速度。

版本 测试次数 最小时长 (毫秒) 最长时长 (毫秒) 中位数 (毫秒) 平均时长 (毫秒) 偏差
v5.17.26 22 396 409 400.0 400.7 3.96
v6.18.0 20 44 66 49.5 50.4 5.63

如您所见,当前版本的性能提高了 7.9 倍——平均时间从 400.7 毫秒降至仅 50.4 毫秒。

下一步是什么?

我们现在正在开发下一个 MUI X 主要版本 v7,它将包含许多新功能和改进。最值得注意的是

  • 日期和时间选择器 改进
    • 新组件:日期时间选择器和时间范围选择器
    • 改进了日期和时间字段的可访问性
  • 数据表格 迭代
    • 用于列管理的新 UI
    • Premium 版本的透视功能

我们将继续扩展我们的图表组合,包括 热力图漏斗图甘特图;并探索树形视图组件的虚拟化和其他高级用例。

我们鼓励您在 GitHub 上为问题投票,以帮助我们确定优先级。您的输入直接影响我们的开发计划,因此请随时告诉我们您最关心的事情!使用以下列表快速访问每个组件的问题

展望未来,下一个主要版本 v7 将在现在到 2024 年 3 月之间发布 alpha 版,然后发布 beta 版,届时我们将将其提升为稳定版本。同时,v6 将过渡到 长期支持,而对 v5 的支持将停止。

给我们反馈

我们很高兴收到您关于改进 MUI X 的反馈!请通过此 Google 表单分享您的请求、建议、痛点和用例。

干杯!