跳到內容
返回部落格

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

José Freitas

@joserodolfofreitas
+
MUI X v6.18.0 release

我們很高興分享最新的 MUI X 功能,隨著 MUI X v6.18.0 的發布,v6 版本以新的元件和穩固的功能封裝完成。

當我們準備專注於下一個主要版本時,讓我們回顧自 我們上一篇部落格文章 以來引入的值得注意的新功能。

目錄

新的穩定元件

圖表

穩定版本的 MUI X 圖表支援您在日常應用程式中最常用的圖表繪圖。它具有折線圖、區域圖、長條圖、圓餅圖和散佈圖。最新版本還包括

動畫

長條圖和圓餅圖目前支援動畫。更多功能即將推出!

水平長條圖支援

最近新增:水平長條圖,用於擴展您的資料視覺化範圍,尤其是在您需要為多個類別顯示長標籤時。查看 長條圖佈局文件 以了解更多詳細資訊。

改進的文字自訂

自訂圖例文字以滿足您的需求,使您的圖表更易讀且更具視覺吸引力。

👉 立即開始使用 MUI X 圖表

樹狀檢視

經過實驗室和預發布套件中漫長的開發和改進期,並感謝我們從您和社群收到的寶貴意見回饋,我們很高興分享該套件現在正式穩定!

👉 立即開始使用 MUI X 樹狀檢視

日期選擇器

可清除的欄位

作為一項備受期待的功能,日期和時間欄位現在允許使用者單擊一下即可清除選定的日期。透過造訪 可清除行為文件 了解如何使用它。

更流暢的動畫

日期選擇器動畫已顯著平滑,以確保更流暢的體驗,尤其是在 Android 行動裝置上。

自訂遊樂場

我們不斷改進我們的文件,並努力更好地溝通如何有效地使用我們的元件。透過新的自訂遊樂場,您現在可以調整 日期選擇器 的樣式,並試驗 子元件 的多種組合,以達到您想要的視覺效果。

資料網格

欄位自動調整大小

新的自動調整大小功能會自動調整欄位寬度以適應其中的內容。您可以包含或排除標題和離群值以進行計算,並展開以使用網格的整個區域。在 欄位自動調整大小章節 了解更多詳細資訊。

新的範例

我們不斷改進我們的文件,並且我們開始新增更多進階範例,例如 批量編輯樹狀資料的延遲載入

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 表單 分享您的請求、建議、痛點和用例。

乾杯!