资讯专栏INFORMATION COLUMN

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

kamushin233 / 1263人阅读

摘要:诞生于年月份,年月份正式开源,多次,发布个版本,个组件,共计个单测,测试覆盖率。得益于的稳定,自发布第一个版本起,都没有破坏性的更新,本次发布的版本自然也没有破坏性的更新。因要支持低版本的,暂时并没有提供该功能。

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%一致。

组件数量(仅对比差异组件):
组件 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对于一些自定义元素都是采用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/

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/108096.html

相关文章

  • 喜大普奔!TensorFlow终于支持A卡了

    摘要:工资不涨,英伟达的售价年年涨。近日,宣布推出适用于的,其中包括。对于正在进行的深度学习加速工作而言,这是一座重大的里程碑。而实现则使用了,这是一个适用于深度学习的高度优化例程库。目前已发布安装说明及预构建的映像。 工资不涨,英伟达 GPU 的售价年年涨。因此,多一个竞争对手,总是好事。近日,Google 宣布推出适用于 ROCm GPU 的 TensorFlow v1.8,其中包括 Rade...

    Cristalven 评论0 收藏0
  • 图表君聊Docker-开篇

    摘要:图表君聊开篇今天是图表君聊的第一篇,为什么会有这个系列呢容器技术出现已经有一段时间了,之前零零星星的也看过一些文章,图表君的项目上也在使用。至于,图表君没试过,官网有的教程,大家可以参考。上的官网,安装,然后跟着图表君一起学习吧。 图表君聊Docker-开篇 今天是图表君聊Docker的第一篇,为什么会有这个系列呢?容器技术Docker出现已经有一段时间了,之前零零星星的也看过一些文章...

    z2xy 评论0 收藏0
  • Vue高效UI组件库—iView开发实践

    摘要:它的文档也是相当详细,每个功能都配有详细说明和实例代码,直接复制就可以使用,我们也计划在明年启动英文文档翻译计划。明年会启动英文文档翻译计划,也希望喜欢和支持,同时英语不错的同学可以加入我们,一起参与翻译。 前段时间在微软参加活动,分享了 TalkingData 开源的基于 Vue.js 的高效 UI 组件库 iView 的一些开发经验,现整理成文,和大家探讨。 showImg(htt...

    wean 评论0 收藏0

发表评论

0条评论

kamushin233

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<