MUI X v6.18.0 以及下次主要版本前的最新功能
我們很高興分享最新的 MUI X 功能,隨著 MUI X v6.18.0 的發布,v6 版本以新的元件和穩固的功能封裝完成。
當我們準備專注於下一個主要版本時,讓我們回顧自 我們上一篇部落格文章 以來引入的值得注意的新功能。
目錄
新的穩定元件
圖表
穩定版本的 MUI X 圖表支援您在日常應用程式中最常用的圖表繪圖。它具有折線圖、區域圖、長條圖、圓餅圖和散佈圖。最新版本還包括
動畫
長條圖和圓餅圖目前支援動畫。更多功能即將推出!
水平長條圖支援
最近新增:水平長條圖,用於擴展您的資料視覺化範圍,尤其是在您需要為多個類別顯示長標籤時。查看 長條圖佈局文件 以了解更多詳細資訊。
改進的文字自訂
自訂圖例文字以滿足您的需求,使您的圖表更易讀且更具視覺吸引力。
樹狀檢視
經過實驗室和預發布套件中漫長的開發和改進期,並感謝我們從您和社群收到的寶貴意見回饋,我們很高興分享該套件現在正式穩定!
日期選擇器
可清除的欄位
作為一項備受期待的功能,日期和時間欄位現在允許使用者單擊一下即可清除選定的日期。透過造訪 可清除行為文件 了解如何使用它。
更流暢的動畫
日期選擇器動畫已顯著平滑,以確保更流暢的體驗,尤其是在 Android 行動裝置上。
自訂遊樂場
我們不斷改進我們的文件,並努力更好地溝通如何有效地使用我們的元件。透過新的自訂遊樂場,您現在可以調整 日期選擇器 的樣式,並試驗 子元件 的多種組合,以達到您想要的視覺效果。
資料網格
欄位自動調整大小
新的自動調整大小功能會自動調整欄位寬度以適應其中的內容。您可以包含或排除標題和離群值以進行計算,並展開以使用網格的整個區域。在 欄位自動調整大小章節 了解更多詳細資訊。
新的範例
我們不斷改進我們的文件,並且我們開始新增更多進階範例,例如 批量編輯 和 樹狀資料的延遲載入。
Sparkline 作為欄位類型
您可以將 MUI X 圖表與資料網格整合,以將 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,其中將包含許多新功能和改進。最值得注意的是
我們將繼續擴展我們的圖表產品組合,包括 熱圖、漏斗圖 和 甘特圖;並探索虛擬化和樹狀檢視元件的其他進階用例。
我們鼓勵您在 GitHub 上為問題投票,以幫助我們確定優先順序。您的意見直接影響我們的開發排程,因此請隨時告訴我們對您而言最重要的事情!使用以下列表快速訪問每個元件的問題
展望未來,下一個主要版本—v7—將在現在到 2024 年 3 月之間發布 alpha 版本,然後發布 beta 版本,屆時我們將將其升級為穩定版本。同時,v6 將過渡到 長期支援,而對 v5 的支援將終止。
給我們意見回饋
我們很高興聽到您關於改進 MUI X 的意見!請透過 此 Google 表單 分享您的請求、建議、痛點和用例。
乾杯!