R3 2021版本是Kendo UI for Vue有史以來最重大的版本發佈,這個版本非常龐大,其中有20個新的原生組件,或者說有34個新組件,包括各種圖表和數據可視化。下來,跟我們一起了解一下這些功能吧!
支持Bootstrap 5
在 R3 2021 中,Kendo UI for Vue正式支持 Bootstrap 5!通過更新到與 Kendo UI for Vue 相關的最新和最好的包(特別是 Bootstrap 主題包),可以自動利用這一點。
更新文檔和演示中的主題選擇器
當您瀏覽Kendo UI for Vue demo時,注意到似乎在主題選擇器下拉列表中添加了十幾個主題,這是R3 2021的新內容!
雖然 Kendo UI 仍然支持相同的三個主題(默認、Material 和 Bootstrap),但新的主題選擇器顯示了由 Kendo UI 前端工程師設計的各種顏色變化,稱爲“色板”。 這讓任何瀏覽Kendo UI for Vue Demo的人都可以通過一些 Sass 變量調整快速瞭解 Kendo UI 主題的可能性。
Kendo UI Kit套件
R3 2021另一個比較重要的亮點是正式發佈了全新的Kendo UI Kit套件!該套件擁有30+個Kendo UI for Vue組件,可在Figma 中使用它們來設計豐富的界面,以交給開發人員來實現。 藉助 Kendo UI 套件中提供的工件,設計人員擁有大量自定義選項以確保任何設計都可以應用於 Kendo UI 組件。
全新的Vue組件
新組件:Chart、StockChart和SparkLine
以前僅作爲Vue封裝器的一部分提供,在R3 2021中正式發佈了原生的Vue圖表庫!這絕對是Kendo UI for Vue的一個巨大補充,它帶來了16中不同的圖表類型,包括條形圖、柱形圖、面積圖、折線圖、散點圖、StockChart 等等。
此外,Kendo UI for Vue團隊在此版本中添加了SparkLine 組件,提供時尚的 UI 元素來將行內圖表元素添加到數據網格中的段落內容或單元格中。
新組件:繪圖、PDF生成器、數據查詢、日期數學和文件保護程序
在R3 2021 中,Kendo UI for Vue添加了幫助程序庫,這些庫可以獨立運行,但也包含在Vue組件中。 這些包括:
- Vue Drawing :用於交互式矢量圖形的跨瀏覽器庫。
- PDF Generator:使開發人員能夠導出任何網頁的選擇或全部內容的庫。
- Data Query :一個幫助執行內存數據操作的包,如排序、過濾、分組和聚合。
- Date Math :用於JavaScript日期操作的包。
- File Saver :幫助在客戶端計算機上保存文件的組件。
新組件:TabStrip
新的原生Kendo UI for Vue TabStrip組件顯示帶有關聯內容的選項卡集合,最終用戶可以通過單擊選項卡加載相關內容,輕鬆地在不同視圖之間切換。 以前只能作爲封裝器使用,現在這是一個專門爲Vue重新構建的組件。
新組件:Pager
新的原生 Vue Pager 將數據綁定組件(如 Vue Data Grid)中的分頁界面提取到其自己的專用 UI 組件中,使用Kendo UI for Vue Pager,最終用戶可以輕鬆地拆分和瀏覽更易於管理的內容塊。
新組件:Card
擴展了Kendo UI for Vue中提供的佈局組件的數量,在R3 2021中,我們還添加了原生Vue Card組件。當用關於單個主題的關聯操作表示內容時,此組件非常有用。 在許多現代 Web 應用程序設計中發現,卡片組件具有多個構建塊,可以自定義這些構建塊以確保卡片適合任何設計。
Kendo UI致力於新的開發,來滿足不斷變化的需求。Kendo UI for Vue使用旨在提高性能和豐富用戶體驗的Vue組件,幫助開發人員構建下一代應用程序。它是爲Vue技術框架提供可用的Kendo UI組件,以便更快地構建更好的Vue應用程序。