vue-antd-ui是一个站在巨人(antd)肩膀上的UI组件库,有着其它组件库没有的优势,几乎继承了antd所有的功能特点,自带antd各种buff。
为了更好地发展维护,组件库名称全面更新为更具品牌标识度的(自2018-08-05)
诞生于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)。
自上次发布后,组件库除了解决用户反馈的bug外,又新增了List、TreeSelect、Carousel三个组件,组件数量达到51个,相较于antd,仅有Mention、Drawer(3.7.0新增)还未开发,接下来我们也会尽快完成组件的开发。
另外,虽然在中单独介绍了Vue JSX的使用,但有些开发者依然不太能够接受JSX,为此我们对Form组件进行了升级,在保留原有API不变的情况下,新增了在模板语法中使用自动收集及校验的功能。
是时候来一次竞品对比了:
本次仅仅对比国内知名的element和iView,这两个组件库都是非常优秀的组件库,组件数量都很丰富,质量也很高。
交互样式:
交互样式甚至动画是一个很主观的东西,这里我不做评价,不撕逼!我只说一句:vue-antd-ui的样式和动画和antd 100%一致。
组件数量(仅对比差异组件):
组件 | iView | element | vue-antd-ui |
---|---|---|---|
ColorPicker 颜色选择器 | 有 | 有 | 无 |
Calendar 日历 | 无 | 无 | 有 |
List 列表 | 无 | 无 | 有 |
Scroll 无限滚动 | 有 | 无 | 可用List组件实现 |
以上差异如有遗漏,纯属疏忽!
组件质量:
质量是一个很难量化的指标,这里仅提供单测覆盖率作为参考:
iView | element | vue-antd-ui |
---|---|---|
暂无(出乎意料,看代码,单测还在补充中) | 86% | 85% |
国际化:
得益于antd在国际化上的积累,vue-antd-ui在国际化语言包上有着明显的优势。最主要的是vue-antd-ui可以使用组件的方式随时更改包裹组件的语言,也就是说,同一个页面中可以同时存在多种语言。
定制化:
如果说组件数量、国际化并不是那么重要,那么我想也许定制化有可能打动你。当时开发vue-antd-ui的一部分原因是在使用iView和element时很不方便(甚至不可以)去定制一些元素。 iView和element对于一些自定义元素都是采用的方式,在不使用JSX的情况下,render函数那是相当复杂。得益于Vue 2.5.0版本之后新增的slot-scope
属性,vue-antd-ui可以让你继续使用模板语法进行自定义元素。 PS:iView、element因要支持低版本的vue,暂时并没有提供该功能。
修改:多谢提醒,element新版本已经有很多属性支持slot-scope
周边生态:
优势:vue-antd-ui可以共享antd周边设计资源 缺点:缺少脚手架及各种admin,欢迎有兴趣的同学加入我们共建相关资源
链接:
仓库地址:
官网地址:
国内镜像: