喜大普奔,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
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞