/vantui

基于vant-weapp实现的Taro-React版及H5-React版组件库https://antmjs.github.io/vantui/#/home

Primary LanguageTypeScriptMIT LicenseMIT

@antmjs/vantui

基于有赞 VantWeapp 开发的同时支持 Taro 和 React 的 UI 库

相关链接

  • Vant Weapp:由有赞团队打造的轻量、可靠的微信小程序 UI 组件库
  • Taro:由京东团队打造的开放式跨端跨框架解决方案,支持使用 React/Vue/Nerv 等框架来开发微信/京东/百度/支付宝/字节跳动/ QQ 小程序/H5/React Native 等应用

为什么是高度一致

  • 99% 样式文件迁移,保留了有赞 5 年多积累的精华!

  • 100% React 化,在 React 化的过程中保留了有赞的大部分 JS 逻辑,尽可能的少重构!

  • 10+ 项目接入中

目前文档还在更新中,如果按文档开发出现问题,请看 TS 信息和实际的demo,demo 是找测试同学测试过的!

我们带来了什么

  • 使用 TypeScript 编写,提供完整的类型定义

  • 支持 Taro(H5、微信小程序、支付宝小程序、抖音小程序...)(注:React Native不支持)

  • 支持 React(webpack 兼容配置我们后续会统一起来,方便大家使用)

  • 与 VantWeapp 的 UI 和 API 尽可能的保持一致,同时持续跟进其 commit 纪录

  • 50+ 个高质量组件,覆盖移动端主流场景

  • 支持主题定制

  • 支持按需加载

为什么你可以放心用

  • 整个组件库是依赖开源项目Vant Weapp的代码经过全量编译而来,所有样式文件及代码结构都与其保持高度一致,只是生命周期经过改造使其支持React,很大程度避免了重新造轮子带来的各种问题,同时保留了Vant Weapp多年积累的经验。

如果觉得不错,麻烦给个Star哦

收到了一些反馈,这里说明一下吧。关于demo的质量和文档现在确实是有一些不足的地方的,因为做这件事的人并不多暂时,我们把更多的精力放在了组件本身,确保大家在实际的应用中能够更少的被中断。目前除了50多个组件要维护,还有Taro Demo和React Demo和文档,同时公司也有业务要跟进,所以希望大家能够体谅,当然非常欢迎有兴趣的人一起来完善它!

学习链接

预览

贡献代码

使用过程中发现任何问题都可以提 Issue 给我们,当然,我们也非常欢迎你给我们发 PR,同时,到目前为止我们已经对vant-weapp的commit记录同步到了2022-03-27的版本,我们也会持续同步

开源协议

本项目基于 MIT 协议,请自由地享受和参与开源

参与共建

首发阵容来自小电科技创新事业部前端团队,我们希望在开源领域能够让大家一起来参与,所以我们重新命名了团队名称“AntM团队”,寓意是打造小而实用的工具提高工作效率,同时欢迎有兴趣一起共建的小伙伴能够加入这个团队,人多力量大。

特别声明

  • 该组件库并不是一个新的轮子,我们只是得益于有赞团队在vant-weapp的多年实践、积累、沉淀上做了一些简单的扩展,让它可以以Taro/React的方式进行开发接入。

  • 我们是vant-weapp的锦上添花版本,在此还是需要感谢Taro团队以及有赞团队为社区所作出的贡献。

  • Logo暂时还未获得使用许可,如有侵权,请及时联系我们。

以下是 @antmjs/vantui 的核心贡献者们

hisanshao Chitanda60 zuolung hisanshao
hisanshao Chitanda60 Banlangenn zuolung

贡献者们

感谢以下小伙伴们为 @antmjs/vantui 发展做出的贡献:

contributors

快速沟通群