喜大普奔 Ant Design of Vue 1.0版本發布

vue-antd-ui是一個站在巨人(antd)肩膀上的UI組件庫,有著其它組件庫沒有的優勢,幾乎繼承了antd所有的功能特點,自帶antd各種buff。

更好的閱讀體驗請移步至:喜大普奔,Ant Design of Vue 1.0版本發佈 · 語雀

vue-antd-ui誕生於17年9月份,18年3月份正式開源,800多次commit,發佈23個版本,51個組件,共計686個單測,測試覆蓋率85.19%。

得益於antd的穩定,vue-antd-ui自發布第一個版本起,都沒有破壞性的更新,本次發佈的1.0版本自然也沒有破壞性的更新。如果你在使用vue-antd-ui,你可以直接更新(npm i [email protected])。

自上次發佈文章:在Vue中使用JSX的正確姿勢後,組件庫除了解決用戶反饋的bug外,又新增了List、TreeSelect、Carousel三個組件,組件數量達到51個,相較於antd,僅有Mention、Drawer(3.7.0新增)還未開發,接下來我們也會盡快完成組件的開發。

另外,雖然在上期文章中單獨介紹了Vue JSX的使用,但有些開發者依然不太能夠接受JSX,為此我們對Form組件進行了升級,在保留原有API不變的情況下,新增了在模板語法中使用自動收集及校驗的功能。

是時候來一次競品對比了:

本次僅僅對比國內知名的element和iView,這兩個組件庫都是非常優秀的組件庫,組件數量都很豐富,質量也很高。

交互樣式:

交互樣式甚至動畫是一個很主觀的東西,這裡我不做評價,不撕逼!我只說一句:vue-antd-ui的樣式和動畫和antd 100%一致。

組件數量(僅對比差異組件):

喜大普奔 Ant Design of Vue 1.0版本發佈

以上差異如有遺漏,純屬疏忽!

組件質量:

質量是一個很難量化的指標,這裡僅提供單測覆蓋率作為參考(截止到2018-07-23):

喜大普奔 Ant Design of Vue 1.0版本發佈

國際化:

得益於antd在國際化上的積累,vue-antd-ui在國際化語言包上有著明顯的優勢。最主要的是vue-antd-ui可以使用組件的方式隨時更改包裹組件的語言,也就是說,同一個頁面中可以同時存在多種語言。

定製化:

如果說組件數量、國際化並不是那麼重要,那麼我想也許定製化有可能打動你。當時開發vue-antd-ui的一部分原因是在使用iView和element時很不方便(甚至不可以)去定製一些元素。

iView和element對於一些自定義元素都是採用render函數的方式,在不使用JSX的情況下,render函數那是相當複雜。得益於Vue 2.5.0版本之後新增的slot-scope屬性,vue-antd-ui可以讓你繼續使用模板語法進行自定義元素。

PS:iView、element因要支持低版本的vue,暫時並沒有提供該功能。

修改:多謝提醒,element新版本已經有很多屬性支持slot-scope

周邊生態:

優勢:vue-antd-ui可以共享antd周邊設計資源

缺點:缺少腳手架及各種admin,歡迎有興趣的同學加入我們共建相關資源

鏈接:

倉庫地址: https://github.com/vueComponent/ant-design

官網地址: https://vuecomponent.github.io/ant-design/

國內鏡像: http://tangjinzhou.gitee.io/ant-design/


分享到:


相關文章: