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

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

爲了更好地發展維護,組件庫名稱全面更新爲更具品牌標識度的ant-design-vue(自2018-08-05)vue

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

得益於antd的穩定,vue-antd-ui自發布第一個版本起,都沒有破壞性的更新,本次發佈的1.0版本天然也沒有破壞性的更新。若是你在使用vue-antd-ui,你能夠直接更新(npm i vue-antd-ui@1.0.0)。github

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

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

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

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

交互樣式:

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

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

組件 iView element vue-antd-ui
ColorPicker 顏色選擇器
Calendar 日曆
List 列表
Scroll 無限滾動 可用List組件實現

以上差別若有遺漏,純屬疏忽!函數

組件質量:

質量是一個很難量化的指標,這裏僅提供單測覆蓋率做爲參考:oop

iView element vue-antd-ui
暫無(出乎意料,看代碼,單測還在補充中) 86% 85%

國際化:

得益於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,歡迎有興趣的同窗加入咱們共建相關資源

連接:

倉庫地址: github.com/vueComponen…

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

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

IMG_3057.JPG | center | 250x342
相關文章
相關標籤/搜索