喜大普奔,Ant Design of Vue 1.0版本发布🎉🎉🎉

vue-antd-ui是一个站在巨人(antd)肩膀上的UI组件库,有着其它组件库没有的优势,几乎继承了antd所有的功能特点,自带antd各种buff。

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 vue-antd-ui@1.0.0)。
自上次发布文章:在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%一致。

组件数量(仅对比差异组件):

组件iViewelementvue-antd-ui
ColorPicker 颜色选择器
Calendar 日历
List 列表
Scroll 无限滚动可用List组件实现

以上差异如有遗漏,纯属疏忽!

组件质量:

质量是一个很难量化的指标,这里仅提供单测覆盖率作为参考:

iViewelementvue-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,欢迎有兴趣的同学加入我们共建相关资源

链接:

仓库地址: https://github.com/vueComponent/ant-design
官网地址: https://vuecomponent.github.io/ant-design/
国内镜像: http://tangjinzhou.gitee.io/ant-design/

《喜大普奔,Ant Design of Vue 1.0版本发布🎉🎉🎉》

    原文作者:jinzhou
    原文地址: https://segmentfault.com/a/1190000015751796
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞