MCPcopy Index your code
hub / github.com/AntmJS/vantui

github.com/AntmJS/vantui @v3.7.2

Chat with this repo
repository ↗ · DeepWiki ↗ · release v3.7.2 ↗ · + Follow
1,600 symbols 3,640 edges 937 files 0 documented · 0%
What it actually does AI analysis from the code graph — generated when you open this
loading…
README
<img class="intro__logo" width="120" style="width: 120px; height: 120px; box-shadow: none;" src="https://raw.githubusercontent.com/AntmJS/vantui/main/resource/log.jpeg">
<h2 style="margin: 0; font-size: 32px; line-height: 60px;">@antmjs/vantui</h2>

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

相关链接

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

为什么是高度一致

  • 99% 样式文件迁移

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

  • 10+ 项目接入中

我们带来了什么

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

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

  • 与 VantWeapp 的 UI 和 API 尽可能的保持一致

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

  • 支持主题定制

  • 支持按需加载

为什么你可以放心用

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

  • 组件库本身无法 100%满足大众个性化的 UI 需求,如果有个性化需求的可以自己通过改主题定制或 class 或 style 的形式满足自己的要求

如果觉得不错,给个 Star 哦

学习链接

预览

贡献代码

使用过程中发现任何问题都可以提 Issue 给我们,当然,我们也非常欢迎你给我们发 PR

发布

  • 根目录需要创建 temp.js 文件
module.exports = {
  gitAuth: 'xxxx', // git token
  webhooksToken:
    'xxx', // 钉钉
}
- yarn release

开源协议

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

参与共建

小电科技创新事业部前端团队

特别声明

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

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

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

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

hisanshao Chitanda60 zuolung hisanshao
hisanshao Chitanda60 Banlangenn zuolung

贡献者们

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

contributors

快速沟通群

微信群满 200 人,需手动拉群。添加好友请备注“AntmJS”,我们会尽快拉你进群交流

赞助

contributors

募捐款项将全部用于项目维护,对于社区提出优质 PR 的成员给予奖励,可以是一杯奶茶、一个小红包等

Extension points exported contracts — how you extend this code

ProcessEnv (Interface)
(no doc)
packages/vantui/global.d.ts
ProcessEnv (Interface)
(no doc)
packages/vantui-cli/src/module.d.ts
ProcessEnv (Interface)
(no doc)
packages/vantui-demo/types/global.d.ts
StepperProps (Interface)
(no doc)
packages/vantui/types/stepper.d.ts
FormProps (Interface)
(no doc)
packages/vantui/types/form.d.ts
FormItemProps (Interface)
(no doc)
packages/vantui/types/form.d.ts
RateProps (Interface)
(no doc)
packages/vantui/types/rate.d.ts

Core symbols most depended-on inside this repo

get
called by 87
packages/vantui/src/default-props/index.ts
join
called by 50
packages/vantui/src/wxs/bem.ts
style
called by 43
packages/vantui/src/wxs/style.ts
setState
called by 40
packages/vantui/src/table/demo/demo1.tsx
addUnit
called by 37
packages/vantui/src/wxs/add-unit.ts
nextTick
called by 33
packages/vantui/src/common/utils.ts
getRect
called by 23
packages/vantui/src/common/utils.ts
onChange
called by 22
packages/vantui/src/stepper/demo/demo8.tsx

Shape

Function 1,111
Method 187
Class 164
Interface 138

Languages

TypeScript100%

Modules by API surface

packages/vantui/src/form/core/formstore.ts31 symbols
packages/vantui-cli/src/common/index.ts20 symbols
packages/vantui/src/tabs/index.tsx16 symbols
packages/vantui/src/utils/index.ts14 symbols
packages/vantui/src/circle/canvas.ts14 symbols
packages/vantui/src/image-cropper/index.tsx13 symbols
packages/vantui/src/common/utils.ts13 symbols
packages/vantui/src/calendar/utils.ts11 symbols
packages/vantui/src/utils/type.ts10 symbols
packages/vantui/src/cascader/cascader.tsx10 symbols
packages/vantui-cli/src/commands/build.ts10 symbols
packages/vantui/src/field/index.tsx9 symbols

For agents

$ claude mcp add vantui \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact