chore: update branches in GitHub actions

.gitee/ISSUE_TEMPLATE.zh-CN.md

@@ -0,0 +1,5 @@
+注意：gitee 中为 vant 的镜像仓库，不进行 issue 处理。
+
+请移步 GitHub issues 进行反馈：
+
+https://github.com/vant-ui/vant/issues

.github/ISSUE_TEMPLATE/config.yml

@@ -1,8 +1 @@
 blank_issues_enabled: true
-contact_links:
-  - name: Ask a question
-    url: https://github.com/youzan/vant/discussions
-    about: Ask a question about Vant
-  - name: 提问
-    url: https://github.com/youzan/vant/discussions
-    about: 询问 Vant 的用法问题

.github/PULL_REQUEST_TEMPLATE.md

@@ -1,6 +1,6 @@
 ### Before submitting a pull request, please make sure the following is done:
 
-1. Read the [contributing guide](https://github.com/vant-ui/vant/blob/main/.github/CONTRIBUTING.md).
+1. Read the [contributing guide](https://github.com/vant-ui/vant/blob/dev/.github/CONTRIBUTING.md).
 2. If you've added code that should be tested, add tests.
 3. If you've changed APIs, update the documentation.
 4. Ensure the test suite passes (`npm test`).

.github/workflows/codeql-analysis.yml

@@ -13,10 +13,10 @@ name: "CodeQL"
 
 on:
   push:
-    branches: [ main ]
+    branches: [ dev ]
   pull_request:
     # The branches below must be a subset of the branches above
-    branches: [ main ]
+    branches: [ dev ]
   schedule:
     - cron: '36 21 * * 2'
 

.github/workflows/deploy-v4-site.yml

@@ -2,7 +2,7 @@ name: Deploy V4 Site
 
 on:
   push:
-    branches: [main]
+    branches: [dev]
     paths:
       - 'packages/vant/docs/**'
 
@@ -15,14 +15,14 @@ jobs:
       - name: Checkout 🛎️
         uses: actions/checkout@v2
         with:
-          ref: 'main'
+          ref: 'next'
 
       - name: Install pnpm
-        run: corepack enable
+        run: npm i pnpm@7 -g
 
       - uses: actions/setup-node@v2
         with:
-          node-version: '18'
+          node-version: '16'
           cache: 'pnpm'
 
       - name: Install dependencies
@@ -31,49 +31,10 @@ jobs:
       - name: Build Site
         run: npm run build:site
 
-      - name: Deploy for Gitee 🚀
+      - name: Deploy 🚀
-        uses: JamesIves/github-pages-deploy-action@v4.4.0
+        uses: JamesIves/github-pages-deploy-action@4.1.1
         with:
           branch: gh-pages
           folder: packages/vant/site-dist
-          clean: true
+          target-folder: v4
-          clean-exclude: |
+          clean: false
-            1.x/*
-            1.x/**/*
-            next/*
-            next/**/*
-            v1/*
-            v1/**/*
-            v2/*
-            v2/**/*
-            v3/*
-            v3/**/*
-            v4/*
-            v4/**/*
-            vant-use/*
-            vant-use/**/*
-
-      - name: Deploy for GitHub 🚀
-        uses: JamesIves/github-pages-deploy-action@v4.4.1
-        with:
-          branch: main
-          folder: packages/vant/site-dist
-          token: ${{ secrets.VANT_UI_TOKEN }}
-          repository-name: vant-ui/vant-ui.github.io
-          target-folder: vant
-          clean: true
-          clean-exclude: |
-            1.x/*
-            1.x/**/*
-            next/*
-            next/**/*
-            v1/*
-            v1/**/*
-            v2/*
-            v2/**/*
-            v3/*
-            v3/**/*
-            v4/*
-            v4/**/*
-            vant-use/*
-            vant-use/**/*

.github/workflows/issue-close-require.yml

@@ -1,25 +0,0 @@
-name: Issue Close Require
-
-on:
-  schedule:
-    - cron: '0 0 * * *'
-
-permissions:
-  contents: read
-
-jobs:
-  issue-close-require:
-    permissions:
-      issues: write
-    runs-on: ubuntu-latest
-    steps:
-      - name: need reproduce
-        uses: actions-cool/issues-helper@v3
-        with:
-          actions: 'close-issues'
-          labels: 'need reproduce'
-          inactive-day: 3
-          body: |
-            Since the issue was labeled with `need reproduce`, but no response in 3 days. This issue will be closed. If you have any questions, you can comment and reply.
-
-            由于该 issue 被标记为需要复现，却 3 天未收到回应。现关闭 issue，若有任何问题，可评论回复。

.github/workflows/issue-labeled.yml

@@ -1,69 +0,0 @@
-name: Issue Labeled
-
-on:
-  issues:
-    types: [labeled]
-
-permissions:
-  contents: read
-
-jobs:
-  reply-labeled:
-    permissions:
-      issues: write
-    runs-on: ubuntu-latest
-    steps:
-      - name: help wanted
-        if: github.event.label.name == '👏 PR welcome' || github.event.label.name == 'help wanted'
-        uses: actions-cool/issues-helper@v3
-        with:
-          actions: 'create-comment'
-          issue-number: ${{ github.event.issue.number }}
-          body: |
-            Hello @${{ github.event.issue.user.login }}. We totally like your proposal/feedback, welcome to [send us a Pull Request](https://help.github.com/en/articles/creating-a-pull-request) for it. Please send your Pull Request to `main` branch, fill the [Pull Request Template](https://github.com/vant-ui/vant/blob/main/.github/PULL_REQUEST_TEMPLATE.md) here, provide changelog/TypeScript/documentation/test cases if needed and make sure CI passed, we will review it soon. We appreciate your effort in advance and looking forward to your contribution!
-
-            你好 @${{ github.event.issue.user.login }}，我们完全同意你的提议/反馈，欢迎直接在此仓库 [创建一个 Pull Request](https://help.github.com/en/articles/creating-a-pull-request) 来解决这个问题。请将 Pull Request 发到 `main` 分支，务必填写 Pull Request 内的[预设模板](https://github.com/vant-ui/vant/blob/main/.github/PULL_REQUEST_TEMPLATE.md)，提供改动所需相应的 changelog、TypeScript 定义、测试用例、文档等，并确保 CI 通过，我们会尽快进行 Review，提前感谢和期待您的贡献。
-
-      - name: need reproduce
-        if: github.event.label.name == 'need reproduce'
-        uses: actions-cool/issues-helper@v3
-        with:
-          actions: 'create-comment'
-          issue-number: ${{ github.event.issue.number }}
-          body: |
-            Hello @${{ github.event.issue.user.login }}. Please provide an online reproduction demo by clicking this [link](https://codesandbox.io/s/vant-3-issue-template-8fuq5o) or a minimal GitHub repository. Issues marked with `need reproduce` will be closed if they have no activity within 3 days.
-
-            你好 @${{ github.event.issue.user.login }}, 我们需要你提供一个在线的重现实例以便于我们帮你排查问题。可以通过点击 [此处](https://codesandbox.io/s/vant-3-issue-template-8fuq5o) 创建或者提供一个最小化的 GitHub 仓库。3 天内未跟进此 issue 将会被自动关闭。
-
-      - name: question
-        if: github.event.label.name == 'question'
-        uses: actions-cool/issues-helper@v3
-        with:
-          actions: 'create-comment, close-issue'
-          issue-number: ${{ github.event.issue.number }}
-          body: |
-            Hello @${{ github.event.issue.user.login }}, we use GitHub issues to trace bugs or discuss plans of Vant. So, please don't ask usage questions here. You can try to open a new discussion in [vant discussions](https://github.com/vant-ui/vant/discussions), select `Q&A` to ask questions.
-
-            你好 @${{ github.event.issue.user.login }}，Vant Issue 板块是用于 bug 反馈与需求讨论的地方。请勿在这里询问如何使用等相关问题，你可以试着在 [vant discussions](https://github.com/vant-ui/vant/discussions) 新开一个 discussion，选择 `Q&A` 类别进行提问。
-
-      - name: 2.x
-        if: github.event.label.name == '2.x'
-        uses: actions-cool/issues-helper@v3
-        with:
-          actions: 'create-comment, close-issue'
-          issue-number: ${{ github.event.issue.number }}
-          body: |
-            Hi @${{ github.event.issue.user.login }}. Current version (2.x) is off the maintenance period. We will only fix critical bugs. This issue will be auto closed.
-
-            你好 @${{ github.event.issue.user.login }}，当前版本（2.x）已经过了维护期。我们仅会修复重要 bug。当前 issue 会被自动关闭。
-
-      - name: invalid
-        if: github.event.label.name == 'invalid'
-        uses: actions-cool/issues-helper@v3
-        with:
-          actions: 'create-comment, close-issue'
-          issue-number: ${{ github.event.issue.number }}
-          body: |
-            Hello @${{ github.event.issue.user.login }}, your issue has been closed because it does not conform to our issue requirements.
-
-            你好 @${{ github.event.issue.user.login }}，为了能够进行高效沟通，我们对 issue 有一定的格式要求，你的 issue 因为不符合要求而被自动关闭。

.github/workflows/sync-gitee.yml

@@ -2,8 +2,7 @@ name: Sync to Gitee
 
 on:
   push:
-    tags:
+    branches: [dev, 2.x, 3.x, gh-pages]
-      - 'v*' # Push events to matching v*, i.e. v1.0, v20.15.10
 
   workflow_dispatch:
 

.github/workflows/test.yml

@@ -7,7 +7,7 @@ on:
 
   pull_request:
     branches:
-      - main
+      - dev
 
   workflow_dispatch:
 
@@ -18,11 +18,11 @@ jobs:
     - uses: actions/checkout@v2
 
     - name: Install pnpm
-      run: corepack enable
+      run: npm i pnpm@7 -g
 
     - uses: actions/setup-node@v2
       with:
-        node-version: '18'
+        node-version: '16'
         cache: 'pnpm'
 
     - name: Install dependencies
@@ -37,11 +37,11 @@ jobs:
     - uses: actions/checkout@v2
 
     - name: Install pnpm
-      run: corepack enable
+      run: npm i pnpm@7 -g
 
     - uses: actions/setup-node@v2
       with:
-        node-version: '18'
+        node-version: '16'
         cache: 'pnpm'
 
     - name: Install dependencies
@@ -61,11 +61,11 @@ jobs:
     - uses: actions/checkout@v2
 
     - name: Install pnpm
-      run: corepack enable
+      run: npm i pnpm@7 -g
 
     - uses: actions/setup-node@v2
       with:
-        node-version: '18'
+        node-version: '16'
         cache: 'pnpm'
 
     - name: Install dependencies

.npmrc

@@ -1,5 +1,3 @@
 registry=https://registry.npmmirror.com/
 
 strict-peer-dependencies=false
-auto-install-peers=false
-resolution-mode=highest

.nvmrc

@@ -1 +0,0 @@
-lts/Hydrogen

.prettierrc

@@ -0,0 +1,4 @@
+{
+  "singleQuote": true,
+  "proseWrap": "never"
+}

README.md

@@ -4,13 +4,14 @@
 
 <h1 align="center">Vant</h1>
 
-<p align="center">A lightweight, customizable Vue UI library for mobile web apps.</p>
+<p align="center">Lightweight Mobile UI Components built on Vue</p>
 
 <p align="center">
     <img src="https://img.shields.io/npm/v/vant?style=flat-square" alt="npm version" />
+    <img src="https://img.shields.io/github/workflow/status/vant-ui/vant/CI/dev?style=flat-square" alt="CI Status" />
     <img src="https://img.shields.io/codecov/c/github/vant-ui/vant/dev.svg?style=flat-square&color=#4fc08d" alt="Coverage Status" />
     <img src="https://img.shields.io/npm/dm/vant.svg?style=flat-square&color=#4fc08d" alt="downloads" />
-    <img src="https://img.badgesize.io/https://unpkg.com/vant/lib/vant.min.js?compression=gzip&style=flat-square&label=gzip%20size&color=#4fc08d" alt="Gzip Size" />
+    <img src="https://img.badgesize.io/https://unpkg.com/vant@3/lib/vant.min.js?compression=gzip&style=flat-square&label=gzip%20size&color=#4fc08d" alt="Gzip Size" />
 </p>
 
 <p align="center">
@@ -26,20 +27,19 @@
 ## Features
 
 - 🚀 1KB Component average size (min+gzip)
-- 🚀 80+ High quality components
+- 🚀 70+ High quality components
 - 🚀 Zero third-party dependencies
 - 💪 90%+ Unit test coverage
 - 💪 Written in TypeScript
 - 📖 Extensive documentation and demos
 - 📖 Provide Sketch and Axure design resources
 - 🍭 Support Vue 2 & Vue 3
-- 🍭 Support Nuxt 2 & Nuxt 3, provide [Vant Module](https://github.com/vant-ui/vant-nuxt) for Nuxt
 - 🍭 Support Tree Shaking
 - 🍭 Support Custom Theme
 - 🍭 Support Accessibility (still improving)
-- 🍭 Support Dark Mode
+- 🍭 Support Dark Mode (Requires upgrade to [Vant 4](https://vant-contrib.gitee.io/vant/v4/#/en-US/config-provider))
 - 🍭 Support SSR
-- 🌍 Support i18n, built-in 30+ languages
+- 🌍 Support i18n, built-in 20+ languages
 
 ## Install
 
@@ -92,16 +92,16 @@ Vant 3/4 supports modern browsers and Chrome >= 51、iOS >= 10.0 (same as Vue 3)
 | --- | --- |
 | [vant-weapp](https://github.com/vant-ui/vant-weapp) | WeChat MiniProgram UI |
 | [vant-demo](https://github.com/vant-ui/vant-demo) | Collection of Vant demos |
-| [vant-cli](https://github.com/vant-ui/vant/tree/main/packages/vant-cli) | Scaffold for UI library |
+| [vant-cli](https://github.com/vant-ui/vant/tree/dev/packages/vant-cli) | Scaffold for UI library |
-| [vant-icons](https://github.com/vant-ui/vant/tree/main/packages/vant-icons) | Vant icons |
+| [vant-icons](https://github.com/vant-ui/vant/tree/dev/packages/vant-icons) | Vant icons |
-| [vant-touch-emulator](https://github.com/vant-ui/vant/tree/main/packages/vant-touch-emulator) | Using vant in desktop browsers |
+| [vant-touch-emulator](https://github.com/vant-ui/vant/tree/dev/packages/vant-touch-emulator) | Using vant in desktop browsers |
-| [vant-nuxt](https://github.com/vant-ui/vant-nuxt) | Vant module for Nuxt |
 
 ## Community Ecosystem
 
 | Project | Description |
 | --- | --- |
 | [3lang3/react-vant](https://github.com/3lang3/react-vant) | React mobile UI Components based on Vant |
+| [rc-ui-lib](https://github.com/rancui/rc-ui-lib) | React mobile UI Components based on Vant |
 | [vant-aliapp](https://github.com/ant-move/Vant-Aliapp) | Alipay MiniProgram UI |
 | [taroify](https://gitee.com/mallfoundry/taroify) | Vant Taro |
 | [vant-theme](https://github.com/Aisen60/vant-theme) | Online theme preview built on Vant UI |
@@ -112,7 +112,7 @@ Vant 3/4 supports modern browsers and Chrome >= 51、iOS >= 10.0 (same as Vue 3)
 
 - [Documentation](https://vant-ui.github.io/vant)
 - [Changelog](https://vant-ui.github.io/vant#/en-US/changelog)
-- [Discussions](https://github.com/vant-ui/vant/discussions)
+- [Gitter](https://gitter.im/vant-contrib/discuss?utm_source=share-link&utm_medium=link&utm_campaign=share-link)
 
 ## Preview
 
@@ -124,13 +124,9 @@ You can scan the following QR code to access the demo：
 
 Core contributors of Vant and Vant Weapp:
 
-| [![chenjiahan](https://avatars.githubusercontent.com/u/7237365?s=80&v=4)](https://github.com/chenjiahan/) | [![cookfront](https://avatars.githubusercontent.com/u/4829465?s=80&v=4)](https://github.com/cookfront/) | [![w91](https://avatars.githubusercontent.com/u/2599455?s=80&v=4)](https://github.com/w91/) | [![pangxie1991](https://avatars.githubusercontent.com/u/5961240?s=80&v=4)](https://github.com/pangxie1991/) | [![rex-zsd](https://avatars.githubusercontent.com/u/8767877?s=80&v=4)](https://github.com/rex-zsd/) | [![nemo-shen](https://avatars.githubusercontent.com/u/13480805?s=80&v=4)](https://github.com/nemo-shen/) |
+| [![chenjiahan](https://avatars.githubusercontent.com/u/7237365?s=80&v=4)](https://github.com/chenjiahan/) | [![cookfront](https://avatars.githubusercontent.com/u/4829465?s=80&v=4)](https://github.com/cookfront/) | [![w91](https://avatars.githubusercontent.com/u/2599455?s=80&v=4)](https://github.com/w91/) | [![pangxie1991](https://avatars.githubusercontent.com/u/5961240?s=80&v=4)](https://github.com/pangxie1991/) | [![rex-zsd](https://avatars.githubusercontent.com/u/8767877?s=80&v=4)](https://github.com/rex-zsd/) | [![nemo-shen](https://avatars.githubusercontent.com/u/13480805?s=80&v=4)](https://github.com/nemo-shen/) | [![Lindysen](https://avatars.githubusercontent.com/u/33708359?s=80&v=4)](https://github.com/Lindysen/) | [![nemo-shen](https://avatars.githubusercontent.com/u/16181940?s=80&v=4)](https://github.com/JakeLaoyu/) |
-| :-: | :-: | :-: | :-: | :-: | :-: |
+| :-: | :-: | :-: | :-: | :-: | :-: | :-: | :-: |
-| [chenjiahan](https://github.com/chenjiahan/) | [cookfront](https://github.com/cookfront/) | [wangnaiyi](https://github.com/w91/) | [pangxie](https://github.com/pangxie1991/) | [rex-zsd](https://github.com/rex-zsd/) | [nemo-shen](https://github.com/nemo-shen/) |
+| [chenjiahan](https://github.com/chenjiahan/) | [cookfront](https://github.com/cookfront/) | [wangnaiyi](https://github.com/w91/) | [pangxie](https://github.com/pangxie1991/) | [rex-zsd](https://github.com/rex-zsd/) | [nemo-shen](https://github.com/nemo-shen/) | [Lindysen](https://github.com/Lindysen/) | [JakeLaoyu](https://github.com/JakeLaoyu/) |
-
-| [![Lindysen](https://avatars.githubusercontent.com/u/33708359?s=80&v=4)](https://github.com/Lindysen/) | [![JakeLaoyu](https://avatars.githubusercontent.com/u/16181940?s=80&v=4)](https://github.com/JakeLaoyu/) | [![landluck](https://avatars.githubusercontent.com/u/27060081?s=80&v=4)](https://github.com/landluck/) | [![wjw-gavin](https://avatars.githubusercontent.com/u/19986739?s=80&v=4)](https://github.com/wjw-gavin/) | [![inottn](https://avatars.githubusercontent.com/u/18509404?s=80&v=4)](https://github.com/inottn/) | [![zhousg](https://avatars.githubusercontent.com/u/15833290?s=80&v=4)](https://github.com/zhousg/) |
-| :-: | :-: | :-: | :-: | :-: | :-: |
-| [Lindysen](https://github.com/Lindysen/) | [JakeLaoyu](https://github.com/JakeLaoyu/) | [landluck](https://github.com/landluck/) | [wjw-gavin](https://github.com/wjw-gavin/) | [inottn](https://github.com/inottn/) | [zhousg](https://github.com/zhousg/) |
 
 ## All Contributors
 
@@ -144,10 +140,6 @@ Thanks to the following friends for their contributions to Vant:
 
 Please make sure to read the [Contributing Guide](./.github/CONTRIBUTING.md) before making a pull request.
 
-## Start On Web IDE
-
-[https://github.dev/youzan/vant](https://github.dev/youzan/vant)
-
 ## LICENSE
 
-Vant is [MIT](https://github.com/youzan/vant/blob/main/LICENSE) licensed.
+[MIT](https://en.wikipedia.org/wiki/MIT_License)

README.zh-CN.md

@@ -4,13 +4,14 @@
 
 <h1 align="center">Vant</h1>
 
-<p align="center">轻量、可定制的移动端 Vue 组件库</p>
+<p align="center">轻量、可靠的移动端 Vue 组件库</p>
 
 <p align="center">
     <img src="https://img.shields.io/npm/v/vant?style=flat-square" alt="npm version" />
+    <img src="https://img.shields.io/github/workflow/status/vant-ui/vant/CI/dev?style=flat-square" alt="CI Status" />
     <img src="https://img.shields.io/codecov/c/github/vant-ui/vant/dev.svg?style=flat-square&color=#4fc08d" alt="Coverage Status" />
     <img src="https://img.shields.io/npm/dm/vant.svg?style=flat-square&color=#4fc08d" alt="downloads" />
-    <img src="https://img.badgesize.io/https://unpkg.com/vant/lib/vant.min.js?compression=gzip&style=flat-square&label=gzip%20size&color=#4fc08d" alt="Gzip Size" />
+    <img src="https://img.badgesize.io/https://unpkg.com/vant@3/lib/vant.min.js?compression=gzip&style=flat-square&label=gzip%20size&color=#4fc08d" alt="Gzip Size" />
 </p>
 
 <p align="center">
@@ -23,27 +24,26 @@
 
 ### 介绍
 
-Vant 是一个**轻量、可定制的移动端组件库**，于 2017 年开源。
+Vant 是一个**轻量、可靠的移动端组件库**，于 2017 年开源。
 
 目前 Vant 官方提供了 [Vue 2 版本](https://vant-contrib.gitee.io/vant/v2)、[Vue 3 版本](https://vant-contrib.gitee.io/vant)和[微信小程序版本](http://vant-contrib.gitee.io/vant-weapp)，并由社区团队维护 [React 版本](https://github.com/3lang3/react-vant)和[支付宝小程序版本](https://github.com/ant-move/Vant-Aliapp)。
 
 ## 特性
 
 - 🚀 性能极佳，组件平均体积小于 1KB（min+gzip）
-- 🚀 80+ 个高质量组件，覆盖移动端主流场景
+- 🚀 70+ 个高质量组件，覆盖移动端主流场景
 - 🚀 零外部依赖，不依赖三方 npm 包
 - 💪 使用 TypeScript 编写，提供完整的类型定义
 - 💪 单元测试覆盖率超过 90%，提供稳定性保障
 - 📖 提供丰富的中英文文档和组件示例
 - 📖 提供 Sketch 和 Axure 设计资源
 - 🍭 支持 Vue 2、Vue 3 和微信小程序
-- 🍭 支持 Nuxt 2、Nuxt 3，提供 Nuxt 的 [Vant Module](https://github.com/vant-ui/vant-nuxt)
 - 🍭 支持主题定制，内置 700+ 个主题变量
 - 🍭 支持按需引入和 Tree Shaking
 - 🍭 支持无障碍访问（持续改进中）
-- 🍭 支持深色模式
+- 🍭 支持深色模式（从 [Vant 4](https://vant-contrib.gitee.io/vant/v4/#/zh-CN/config-provider) 开始支持）
 - 🍭 支持服务器端渲染
-- 🌍 支持国际化，内置 30+ 种语言包
+- 🌍 支持国际化，内置 20+ 种语言包
 
 ## 安装
 
@@ -98,10 +98,9 @@ Vant 3/4 支持现代浏览器以及 Chrome >= 51、iOS >= 10.0（与 Vue 3 一
 | --- | --- |
 | [vant-weapp](https://github.com/vant-ui/vant-weapp) | Vant 微信小程序版 |
 | [vant-demo](https://github.com/vant-ui/vant-demo) | Vant 官方示例合集 |
-| [vant-cli](https://github.com/vant-ui/vant/tree/main/packages/vant-cli) | 开箱即用的组件库搭建工具 |
+| [vant-cli](https://github.com/vant-ui/vant/tree/dev/packages/vant-cli) | 开箱即用的组件库搭建工具 |
-| [vant-icons](https://github.com/vant-ui/vant/tree/main/packages/vant-icons) | Vant 图标库 |
+| [vant-icons](https://github.com/vant-ui/vant/tree/dev/packages/vant-icons) | Vant 图标库 |
-| [vant-touch-emulator](https://github.com/vant-ui/vant/tree/main/packages/vant-touch-emulator) | 在桌面端使用 Vant 的辅助库 |
+| [vant-touch-emulator](https://github.com/vant-ui/vant/tree/dev/packages/vant-touch-emulator) | 在桌面端使用 Vant 的辅助库 |
-| [vant-nuxt](https://github.com/vant-ui/vant-nuxt) | 为 Nuxt 准备的模块 |
 
 ## 社区生态
 
@@ -110,6 +109,7 @@ Vant 3/4 支持现代浏览器以及 Chrome >= 51、iOS >= 10.0（与 Vue 3 一
 | 项目 | 描述 |
 | --- | --- |
 | [3lang3/react-vant](https://github.com/3lang3/react-vant) | 参照 Vant 打造的 React 框架移动端组件库 |
+| [rc-ui-lib](https://github.com/rancui/rc-ui-lib) | 参照 Vant 打造的 React 框架移动端组件库 |
 | [vant-aliapp](https://github.com/ant-move/Vant-Aliapp) | Vant 支付宝小程序版 |
 | [taroify](https://gitee.com/mallfoundry/taroify) | Vant Taro 版 |
 | [vant-theme](https://github.com/Aisen60/vant-theme) | Vant 在线主题预览工具 |
@@ -120,8 +120,7 @@ Vant 3/4 支持现代浏览器以及 Chrome >= 51、iOS >= 10.0（与 Vue 3 一
 
 - [详细文档](https://vant-contrib.gitee.io/vant)
 - [更新日志](https://vant-contrib.gitee.io/vant#/zh-CN/changelog)
-- [码云镜像仓库](https://gitee.com/vant-contrib/vant)
+- [Gitter 讨论组](https://gitter.im/vant-contrib/discuss?utm_source=share-link&utm_medium=link&utm_campaign=share-link)
-- [Discussions 讨论区](https://github.com/vant-ui/vant/discussions)
 
 ## 手机预览
 
@@ -133,13 +132,9 @@ Vant 3/4 支持现代浏览器以及 Chrome >= 51、iOS >= 10.0（与 Vue 3 一
 
 以下是 Vant 和 Vant Weapp 的核心贡献者们：
 
-| [![chenjiahan](https://avatars.githubusercontent.com/u/7237365?s=80&v=4)](https://github.com/chenjiahan/) | [![cookfront](https://avatars.githubusercontent.com/u/4829465?s=80&v=4)](https://github.com/cookfront/) | [![w91](https://avatars.githubusercontent.com/u/2599455?s=80&v=4)](https://github.com/w91/) | [![pangxie1991](https://avatars.githubusercontent.com/u/5961240?s=80&v=4)](https://github.com/pangxie1991/) | [![rex-zsd](https://avatars.githubusercontent.com/u/8767877?s=80&v=4)](https://github.com/rex-zsd/) | [![nemo-shen](https://avatars.githubusercontent.com/u/13480805?s=80&v=4)](https://github.com/nemo-shen/) |
+| [![chenjiahan](https://avatars.githubusercontent.com/u/7237365?s=80&v=4)](https://github.com/chenjiahan/) | [![cookfront](https://avatars.githubusercontent.com/u/4829465?s=80&v=4)](https://github.com/cookfront/) | [![w91](https://avatars.githubusercontent.com/u/2599455?s=80&v=4)](https://github.com/w91/) | [![pangxie1991](https://avatars.githubusercontent.com/u/5961240?s=80&v=4)](https://github.com/pangxie1991/) | [![rex-zsd](https://avatars.githubusercontent.com/u/8767877?s=80&v=4)](https://github.com/rex-zsd/) | [![nemo-shen](https://avatars.githubusercontent.com/u/13480805?s=80&v=4)](https://github.com/nemo-shen/) | [![Lindysen](https://avatars.githubusercontent.com/u/33708359?s=80&v=4)](https://github.com/Lindysen/) | [![nemo-shen](https://avatars.githubusercontent.com/u/16181940?s=80&v=4)](https://github.com/JakeLaoyu/) |
-| :-: | :-: | :-: | :-: | :-: | :-: |
+| :-: | :-: | :-: | :-: | :-: | :-: | :-: | :-: |
-| [chenjiahan](https://github.com/chenjiahan/) | [cookfront](https://github.com/cookfront/) | [wangnaiyi](https://github.com/w91/) | [pangxie](https://github.com/pangxie1991/) | [rex-zsd](https://github.com/rex-zsd/) | [nemo-shen](https://github.com/nemo-shen/) |
+| [chenjiahan](https://github.com/chenjiahan/) | [cookfront](https://github.com/cookfront/) | [wangnaiyi](https://github.com/w91/) | [pangxie](https://github.com/pangxie1991/) | [rex-zsd](https://github.com/rex-zsd/) | [nemo-shen](https://github.com/nemo-shen/) | [Lindysen](https://github.com/Lindysen/) | [JakeLaoyu](https://github.com/JakeLaoyu/) |
-
-| [![Lindysen](https://avatars.githubusercontent.com/u/33708359?s=80&v=4)](https://github.com/Lindysen/) | [![JakeLaoyu](https://avatars.githubusercontent.com/u/16181940?s=80&v=4)](https://github.com/JakeLaoyu/) | [![landluck](https://avatars.githubusercontent.com/u/27060081?s=80&v=4)](https://github.com/landluck/) | [![wjw-gavin](https://avatars.githubusercontent.com/u/19986739?s=80&v=4)](https://github.com/wjw-gavin/) | [![inottn](https://avatars.githubusercontent.com/u/18509404?s=80&v=4)](https://github.com/inottn/) | [![zhousg](https://avatars.githubusercontent.com/u/15833290?s=80&v=4)](https://github.com/zhousg/) |
-| :-: | :-: | :-: | :-: | :-: | :-: |
-| [Lindysen](https://github.com/Lindysen/) | [JakeLaoyu](https://github.com/JakeLaoyu/) | [landluck](https://github.com/landluck/) | [wjw-gavin](https://github.com/wjw-gavin/) | [inottn](https://github.com/inottn/) | [zhousg](https://github.com/zhousg/) |
 
 ## 贡献者们
 
@@ -155,10 +150,6 @@ Vant 3/4 支持现代浏览器以及 Chrome >= 51、iOS >= 10.0（与 Vue 3 一
 
 使用过程中发现任何问题都可以提 [Issue](https://github.com/vant-ui/vant/issues) 给我们，当然，我们也非常欢迎你给我们发 [PR](https://github.com/vant-ui/vant/pulls)。
 
-## 在 Cloud IDE 中预览
-
-[https://idegithub.com/youzan/vant](https://idegithub.com/youzan/vant)
-
 ## 开源协议
 
-本项目基于 [MIT](https://github.com/youzan/vant/blob/main/LICENSE) 协议，请自由地享受和参与开源。
+本项目基于 [MIT](https://zh.wikipedia.org/wiki/MIT%E8%A8%B1%E5%8F%AF%E8%AD%89) 协议，请自由地享受和参与开源。

package.json

@@ -3,10 +3,9 @@
   "scripts": {
     "prepare": "husky install",
     "dev": "pnpm --dir ./packages/vant dev",
-    "lint": "eslint ./packages/**/src ./packages/**/test --ext .js,.ts,.tsx,.vue,.mjs,.cjs",
+    "lint": "pnpm --dir ./packages/vant lint",
     "test": "pnpm --dir ./packages/vant test",
     "test:watch": "pnpm --dir ./packages/vant test:watch",
-    "test:update": "pnpm --dir ./packages/vant test:update",
     "build": "pnpm --dir ./packages/vant build",
     "build:site": "pnpm --dir ./packages/vant build:site"
   },
@@ -15,16 +14,24 @@
     "*.{ts,tsx,js,vue,less}": "prettier --write",
     "*.{ts,tsx,js,vue}": "eslint --fix"
   },
-  "engines": {
+  "packageManager": "pnpm@7.11.0",
-    "pnpm": ">= 8.0.0"
-  },
-  "packageManager": "pnpm@8.6.5",
   "devDependencies": {
     "@vant/cli": "workspace:*",
     "@vant/eslint-config": "workspace:*",
-    "eslint": "^8.31.0",
+    "eslint": "^8.23.0",
     "husky": "^8.0.1",
     "nano-staged": "^0.8.0",
-    "prettier": "^3.0.0"
+    "prettier": "^2.7.1",
+    "rimraf": "^3.0.2"
+  },
+  "pnpm": {
+    "peerDependencyRules": {
+      "ignoreMissing": [
+        "@algolia/client-search",
+        "@types/react",
+        "react",
+        "react-dom"
+      ]
+    }
   }
 }

packages/create-vant-cli-app/generators/vue3/.gitignore.tpl

@@ -15,5 +15,5 @@ test/coverage
 es
 lib
 dist
-**/site-dist
+site
 changelog.generated.md

packages/create-vant-cli-app/generators/vue3/package.json.tpl

@@ -28,11 +28,11 @@
     "*.{ts,tsx,js,vue}": "eslint --fix"
   },
   "peerDependencies": {
-    "vue": "^3.3.4"
+    "vue": "^3.0.0"
   },
   "devDependencies": {
-    "@vant/cli": "^6.0.0",
+    "@vant/cli": "^4.0.0",
-    "vue": "^3.3.4",
+    "vue": "^3.0.0",
     "sass": "^1.49.7"
   },
   "eslintConfig": {

packages/create-vant-cli-app/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-vant-cli-app",
-  "version": "2.2.1",
+  "version": "2.0.1",
   "description": "Create Vant CLI App",
   "main": "lib/index.js",
   "bin": {
@@ -31,22 +31,22 @@
   "author": "chenjiahan",
   "license": "MIT",
   "devDependencies": {
-    "@types/fs-extra": "^11.0.1",
+    "@types/fs-extra": "^9.0.13",
+    "@types/inquirer": "^8.2.3",
     "release-it": "^15.4.1",
-    "rimraf": "^5.0.0",
+    "typescript": "^4.8.2"
-    "typescript": "^5.0.4"
   },
   "dependencies": {
-    "consola": "^3.0.2",
+    "consola": "^2.11.3",
     "fast-glob": "^3.2.11",
-    "fs-extra": "^11.1.0",
+    "fs-extra": "^10.1.0",
-    "enquirer": "2.3.6",
+    "inquirer": "^8.2.4",
     "picocolors": "^1.0.0"
   },
   "release-it": {
     "git": {
       "tag": false,
-      "commitMessage": "release: create-vant-cli-app v${version}"
+      "commitMessage": "release: create-vant-cli-app ${version}"
     }
   }
 }

packages/create-vant-cli-app/src/constant.ts

@@ -1,4 +1,4 @@
-import { join } from 'node:path';
+import { join } from 'path';
 
 export const CWD = process.cwd();
 export const GENERATOR_DIR = join(__dirname, '../generators');

packages/create-vant-cli-app/src/generator.ts

@@ -1,31 +1,31 @@
 import fs from 'fs-extra';
 import glob from 'fast-glob';
 import color from 'picocolors';
-import { consola } from 'consola';
+import consola from 'consola';
-import { prompt } from 'enquirer';
+import { prompt } from 'inquirer';
-import { sep, join } from 'node:path';
+import { sep, join } from 'path';
 import { CWD, GENERATOR_DIR } from './constant';
 
 const PROMPTS = [
   {
     name: 'vueVersion',
     message: 'Select Vue version',
-    type: 'select',
+    type: 'list',
     choices: [
       {
-        name: 'vue2',
+        name: 'Vue 2',
-        message: 'Vue 2',
+        value: 'vue2',
       },
       {
-        name: 'vue3',
+        name: 'Vue 3',
-        message: 'Vue 3',
+        value: 'vue3',
       },
     ],
   },
   {
     name: 'preprocessor',
     message: 'Select css preprocessor',
-    type: 'select',
+    type: 'list',
     choices: ['Less', 'Sass'],
   },
 ];
@@ -69,14 +69,14 @@ export class VanGenerator {
     // see https://github.com/mrmlnc/fast-glob#how-to-write-patterns-on-windows
     const templatePath = join(GENERATOR_DIR, this.inputs.vueVersion).replace(
       /\\/g,
-      '/',
+      '/'
     );
 
     const templateFiles = glob.sync(
       join(templatePath, '**', '*').replace(/\\/g, '/'),
       {
         dot: true,
-      },
+      }
     );
 
     templateFiles.forEach((filePath) => {
@@ -109,8 +109,8 @@ export class VanGenerator {
     consola.success(`Successfully created ${color.yellow(name)}.`);
     consola.success(
       `Run ${color.yellow(
-        `cd ${name} && git init && yarn && yarn dev`,
+        `cd ${name} && git init && yarn && yarn dev`
-      )} to start development!`,
+      )} to start development!`
     );
   }
 }

packages/create-vant-cli-app/src/index.ts

@@ -1,16 +1,20 @@
 #!/usr/bin/env node
 
-import { consola } from 'consola';
+import consola from 'consola';
-import { prompt } from 'enquirer';
+import { prompt } from 'inquirer';
 import { ensureDir } from 'fs-extra';
 import { VanGenerator } from './generator';
 
-async function run() {
+const PROMPTS = [
-  const { name } = await prompt<{ name: string }>({
+  {
     type: 'input',
     name: 'name',
     message: 'Your package name',
-  });
+  },
+];
+
+async function run() {
+  const { name } = await prompt(PROMPTS);
 
   try {
     await ensureDir(name);

packages/create-vant-cli-app/tsconfig.json

@@ -6,6 +6,5 @@
     "module": "commonjs",
     "declaration": true
   },
-  "include": ["src/**/*"],
+  "include": ["src/**/*"]
-  "exclude": ["**/node_modules", "**/.*/"]
 }

packages/vant-area-data/README.md

@@ -1,6 +1,6 @@
-# Vant China Area Data
+# Vant Area Data
 
-中国省市区数据，适用于 Vant 的 Area 和 Cascader 等组件。
+中国省市区数据，适用于 Vant Area 组件。
 
 ## 安装
 
@@ -17,20 +17,10 @@ pnpm add @vant/area-data
 
 ## 使用
 
-在 Vant 的 Area 组件中使用时，直接引用 `areaList` 对象即可：
-
 ```ts
 import { areaList } from '@vant/area-data';
 ```
 
-在 Vant 的 Cascader 组件中使用时，请使用 `useCascaderAreaData` 方法：
-
-```ts
-import { useCascaderAreaData } from '@vant/area-data';
-
-const cascaderAreaData = useCascaderAreaData();
-```
-
 ## 数据更新
 
-中国的行政区划每年都会有变动，如果发现省市区数据未及时更新，欢迎提 Pull Request 帮助我们更新。你可以在[「国家统计局 - 全国区划代码」](http://www.stats.gov.cn/tjsj/tjbz/tjyqhdmhcxhfdm/) 和[「民政部 - 行政区划代码」](https://www.mca.gov.cn/article/sj/xzqh/1980/)上查询到最新数据，请根据官方数据进行核实。
+中国的行政区划每年都会有变动，如果发现省市区数据未及时更新，欢迎提 Pull Request 帮助我们更新。

packages/vant-area-data/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vant/area-data",
-  "version": "1.4.1",
+  "version": "1.3.2",
   "description": "Vant 省市区数据",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.mjs",
@@ -11,7 +11,6 @@
       "require": "./dist/index.cjs.js"
     }
   },
-  "sideEffects": false,
   "files": [
     "dist"
   ],
@@ -37,15 +36,14 @@
   "author": "chenjiahan",
   "license": "MIT",
   "devDependencies": {
-    "esbuild": "^0.18.11",
+    "esbuild": "^0.14.54",
     "release-it": "^15.4.1",
-    "rimraf": "^5.0.0",
+    "typescript": "^4.8.2"
-    "typescript": "^5.0.4"
   },
   "release-it": {
     "git": {
       "tag": false,
-      "commitMessage": "release: @vant/area-data v${version}"
+      "commitMessage": "release: @vant/area-data ${version}"
     }
   }
 }

packages/vant-area-data/src/index.ts

@@ -1,8 +1,4 @@
-export const areaList: {
+export const areaList = {
-  province_list: Record<string, string>;
-  city_list: Record<string, string>;
-  county_list: Record<string, string>;
-} = {
   province_list: {
     110000: '北京市',
     120000: '天津市',
@@ -1625,6 +1621,7 @@ export const areaList: {
     360724: '上犹县',
     360725: '崇义县',
     360726: '安远县',
+    360727: '龙南县',
     360728: '定南县',
     360729: '全南县',
     360730: '宁都县',
@@ -1634,7 +1631,6 @@ export const areaList: {
     360734: '寻乌县',
     360735: '石城县',
     360781: '瑞金市',
-    360783: '龙南市',
     360802: '吉州区',
     360803: '青原区',
     360821: '吉安县',
@@ -3890,53 +3886,3 @@ export const areaList: {
     820204: '圣方济各堂区',
   },
 };
-
-type CascaderOption = {
-  text: string;
-  value: string;
-  children?: CascaderOption[];
-};
-
-const makeOption = (
-  text: string,
-  value: string,
-  children?: CascaderOption[],
-): CascaderOption => ({
-  text,
-  value,
-  children,
-});
-
-export function useCascaderAreaData() {
-  const {
-    city_list: city,
-    county_list: county,
-    province_list: province,
-  } = areaList;
-
-  const provinceMap = new Map<string, CascaderOption>();
-  Object.keys(province).forEach((code) => {
-    provinceMap.set(code.slice(0, 2), makeOption(province[code], code, []));
-  });
-
-  const cityMap = new Map<string, CascaderOption>();
-
-  Object.keys(city).forEach((code) => {
-    const option = makeOption(city[code], code, []);
-    cityMap.set(code.slice(0, 4), option);
-
-    const province = provinceMap.get(code.slice(0, 2));
-    if (province) {
-      province.children!.push(option);
-    }
-  });
-
-  Object.keys(county).forEach((code) => {
-    const city = cityMap.get(code.slice(0, 4));
-    if (city) {
-      city.children!.push(makeOption(county[code], code));
-    }
-  });
-
-  return Array.from(provinceMap.values());
-}

packages/vant-area-data/tsconfig.json

@@ -4,6 +4,5 @@
     "outDir": "./dist",
     "declaration": true
   },
-  "include": ["src/**/*"],
+  "include": ["src/**/*"]
-  "exclude": ["**/node_modules", "**/.*/"]
 }

packages/vant-cli/.eslintrc

@@ -0,0 +1,8 @@
+{
+  "root": true,
+  "extends": ["@vant"],
+  "rules": {
+    "global-require": 0,
+    "import/no-dynamic-require": 0
+  }
+}

packages/vant-cli/README.md

@@ -65,7 +65,7 @@ Please add the followed config to `package.json` file.
 
 ## More Details
 
-- [cli](https://github.com/vant-ui/vant/tree/main/packages/vant-cli/docs/commands.md)
+- [cli](https://github.com/vant-ui/vant/tree/dev/packages/vant-cli/docs/commands.md)
-- [config](https://github.com/vant-ui/vant/tree/main/packages/vant-cli/docs/config.md)
+- [config](https://github.com/vant-ui/vant/tree/dev/packages/vant-cli/docs/config.md)
-- [directory structure](https://github.com/vant-ui/vant/tree/main/packages/vant-cli/docs/directory.md)
+- [directory structure](https://github.com/vant-ui/vant/tree/dev/packages/vant-cli/docs/directory.md)
-- [CHANGELOG](https://github.com/vant-ui/vant/tree/main/packages/vant-cli/changelog.md)
+- [CHANGELOG](https://github.com/vant-ui/vant/tree/dev/packages/vant-cli/changelog.md)

packages/vant-cli/README.zh-CN.md

@@ -62,7 +62,7 @@ pnpm add @vant/cli -D
 
 ## 详细文档
 
-- [命令](https://github.com/vant-ui/vant/tree/main/packages/vant-cli/docs/commands.zh-CN.md)
+- [命令](https://github.com/vant-ui/vant/tree/dev/packages/vant-cli/docs/commands.zh-CN.md)
-- [配置指南](https://github.com/vant-ui/vant/tree/main/packages/vant-cli/docs/config.zh-CN.md)
+- [配置指南](https://github.com/vant-ui/vant/tree/dev/packages/vant-cli/docs/config.zh-CN.md)
-- [目录结构](https://github.com/vant-ui/vant/tree/main/packages/vant-cli/docs/directory.zh-CN.md)
+- [目录结构](https://github.com/vant-ui/vant/tree/dev/packages/vant-cli/docs/directory.zh-CN.md)
-- [更新日志](https://github.com/vant-ui/vant/tree/main/packages/vant-cli/changelog.md)
+- [更新日志](https://github.com/vant-ui/vant/tree/dev/packages/vant-cli/changelog.md)

packages/vant-cli/changelog.md

@@ -1,61 +1,14 @@
 # 更新日志
 
-## v6.1.0
+## v5.0.0 (未发布)
-
-`2023-03-19`
-
-- 升级 typescript v5
-- 升级 esbuild 0.17
-- 升级 vite 4.2
-- 优化 tsc 错误日志的格式
-
-## v6.0.1
-
-`2023-03-11`
-
-- 修复编译 `mjs` 或者 `cjs` 时， 替换 vue 文件导入出现重复后缀的问题
-
-## v6.0.0
-
-`2023-02-26`
-
-- vite: 由 v3 升级至 v4
-- @vitejs/plugin-vue: 由 v3 升级至 v4
-- @vitejs/plugin-vue-jsx: 由 v2 升级至 v3
-- 移除 `site.searchConfig` 配置项
-- 修复 build 时解析 markdown 可能报错的问题
-
-## v5.1.0
-
-`2022-11-05`
-
-- 支持读取 `vite.config.ts` 文件来自定义 vite 配置
-- 修复设置 vite 的 `server.port` 配置项不生效的问题
-
-## v5.0.2
-
-`2022-10-07`
-
-- 修复首次运行 dev 时 vite 引入了两份 Vue 代码导致渲染失败的问题
-
-## v5.0.1
-
-`2022-10-06`
-
-- 修复 jest 版本未正确升级的问题
-
-## v5.0.0
 
 ### 依赖升级
 
-`2022-10-06`
-
 对以下依赖进行了大版本升级：
 
-- vite: 由 v2 升级至 v3
+- vite v3
-- jest: 由 v27 升级至 v29
+- @vitejs/plugin-vue v3
-- @vitejs/plugin-vue: 由 v2 升级至 v3
+- @vitejs/plugin-vue-jsx v2
-- @vitejs/plugin-vue-jsx: 由 v1 升级至 v2
 
 ### 依赖精简
 

packages/vant-cli/cjs/jest.config.cjs

@@ -29,10 +29,6 @@ const DEFAULT_CONFIG = {
   ],
   coverageReporters: ['html', 'lcov', 'text-summary'],
   coverageDirectory: './test/coverage',
-  testEnvironmentOptions: {
-    // https://stackoverflow.com/questions/72428323/jest-referenceerror-vue-is-not-defined
-    customExportConditions: ['node', 'node-addons'],
-  },
 };
 
 function readRootConfig() {

packages/vant-cli/cjs/jest.transformer.cjs

@@ -35,7 +35,7 @@ const transformSFC = (code, path) => {
   if (descriptor.script) {
     const content = descriptor.script.content.replace(
       'export default',
-      'const script =',
+      'const script ='
     );
     output.push(content);
   } else if (descriptor.scriptSetup) {
@@ -87,8 +87,6 @@ module.exports = {
     if (isJsxFile(path)) {
       code = transformJsx(code, path);
     }
-    return {
+    return transformScript(code);
-      code: transformScript(code),
-    };
   },
 };

packages/vant-cli/cjs/postcss.config.cjs

@@ -14,13 +14,11 @@ function getPostcssPlugins(rootConfig) {
   const plugins = rootConfig.plugins || [];
 
   if (Array.isArray(plugins)) {
-    const hasAutoprefixerPlugin = plugins.find((plugin) => {
+    const hasPostcssPlugin = plugins.find(
-      if (typeof plugin === 'object') {
+      (plugin) =>
-        return plugin.postcssPlugin === 'autoprefixer';
+        plugin === 'autoprefixer' && plugin.postcssPlugin === 'autoprefixer'
-      }
+    );
-      return plugin === 'autoprefixer';
+    if (hasPostcssPlugin) {
-    });
-    if (hasAutoprefixerPlugin) {
       return plugins;
     }
 

packages/vant-cli/docs/commands.md

@@ -29,7 +29,7 @@ Start local dev server for browsering components and demo.
 
 Build Vue component library.
 
-Files will be output to `es` and `lib` directory. More details [directory structure](https://github.com/vant-ui/vant/tree/main/packages/vant-cli/docs/directory.md)
+Files will be output to `es` and `lib` directory. More details [directory structure](https://github.com/vant-ui/vant/tree/dev/packages/vant-cli/docs/directory.md)
 
 Please add the followed config to `package.json` when publish to npm.
 

packages/vant-cli/docs/commands.zh-CN.md

@@ -31,7 +31,7 @@ npx vant-cli dev
 
 构建组件库。
 
-运行 build 命令会在 `es` 和 `lib` 目录下生成可用于生产环境的组件代码，详见 [目录结构](https://github.com/vant-ui/vant/tree/main/packages/vant-cli/docs/directory.zh-CN.md)。
+运行 build 命令会在 `es` 和 `lib` 目录下生成可用于生产环境的组件代码，详见 [目录结构](https://github.com/vant-ui/vant/tree/dev/packages/vant-cli/docs/directory.zh-CN.md)。
 
 发布 npm 时，请将以下配置加入到 `package.json` 中，使 npm 包能被正确识别:
 

packages/vant-cli/docs/config.md

@@ -16,6 +16,7 @@
     - [site.nav](#sitenav)
     - [site.versions](#siteversions)
     - [site.baiduAnalytics](#sitebaiduanalytics)
+    - [site.searchConfig](#sitesearchconfig)
     - [site.hideSimulator](#sitehidesimulator)
     - [site.simulator.url](#sitesimulatorurl)
     - [site.htmlMeta](#sitehtmlmeta)
@@ -176,16 +177,17 @@ When set to `true`, `export * from 'xxx'` will be used to export all modules and
 
 ### build.configureVite
 
-- Type: `(config: InlineConfig): InlineConfig | undefined`
+- Type: `(config: InlineConfig): InlineConfig`
 - Default: `undefined`
 
-Custom [vite config](https://vitejs.dev/config/), requires `@vant/cli>= 4.0.0`.
+Custom vite config(`@vant/cli>= 4.0.0`)
 
 ```js
 module.exports = {
   build: {
     configureVite(config) {
-      config.server.port = 3000;
+      // add vite plugin
+      config.plugins.push(vitePluginXXX);
       return config;
     },
   },
@@ -212,14 +214,10 @@ module.exports = {
 };
 ```
 
-Note that you are not allowed to import vite plugins in `vant.config.mjs`, because the file will be bundled into the website code.
-
-If you need to configure some vite plugins, please create a `vite.config.ts` file in the same directory of `vant.config.mjs`, in which you can add any vite configuration (this feature requires @vant/cli 5.1.0).
-
 ### build.packageManager
 
 - Type: `'npm' | 'yarn' | 'pnpm'`
-- Default: `yarn`
+- Default: `undefined`
 
 `npm` package manager.
 
@@ -354,6 +352,13 @@ module.exports = {
 };
 ```
 
+### site.searchConfig
+
+- Type: `object`
+- Default: `undefined`
+
+Documentation site search config. Based on [docsearch](https://docsearch.algolia.com/docs/behavior) of algolia.
+
 ### site.hideSimulator
 
 - Type: `boolean`

packages/vant-cli/docs/config.zh-CN.md

@@ -16,6 +16,7 @@
     - [site.nav](#sitenav)
     - [site.versions](#siteversions)
     - [site.baiduAnalytics](#sitebaiduanalytics)
+    - [site.searchConfig](#sitesearchconfig)
     - [site.hideSimulator](#sitehidesimulator)
     - [site.simulator.url](#sitesimulatorurl)
     - [site.htmlMeta](#sitehtmlmeta)
@@ -176,16 +177,17 @@ module.exports = {
 
 ### build.configureVite
 
-- Type: `(config: InlineConfig): InlineConfig | undefined`
+- Type: `(config: InlineConfig): InlineConfig`
 - Default: `undefined`
 
-vant-cli 使用 vite 来构建组件库和文档站点，通过 `configureVite` 选项可以自定义 [vite 配置](https://vitejs.dev/config/)（从 4.0.0 版本开始支持）。
+vant-cli 使用 vite 来构建组件库和文档站点，通过 `configureVite` 选项可以自定义 vite 配置（从 4.0.0 版本开始支持）。
 
 ```js
 module.exports = {
   build: {
     configureVite(config) {
-      config.server.port = 3000;
+      // 添加一个自定义插件
+      config.plugins.push(vitePluginXXX);
       return config;
     },
   },
@@ -214,14 +216,10 @@ module.exports = {
 };
 ```
 
-注意，由于 `vant.config.mjs` 文件会被打包到文档网站的代码中，因此 `configureVite` 中不允许引用 vite 插件。
-
-如果需要配置 vite 插件，可以在 `vant.config.mjs` 的同级目录下创建 `vite.config.ts` 文件，在该文件中你可以添加任意的 vite 配置（该特性从 @vant/cli 5.1.0 版本开始支持）。
-
 ### build.packageManager
 
 - Type: `'npm' | 'yarn' | 'pnpm'`
-- Default: `yarn`
+- Default: `undefined`
 
 指定使用的包管理器。
 
@@ -356,6 +354,15 @@ module.exports = {
 };
 ```
 
+### site.searchConfig
+
+- Type: `object`
+- Default: `undefined`
+
+文档网站的搜索配置，基于 algolia 提供的 docsearch 服务实现。
+
+配置内容参见 [docsearch](https://docsearch.algolia.com/docs/behavior)。
+
 ### site.hideSimulator
 
 - Type: `boolean`

packages/vant-cli/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vant/cli",
-  "version": "6.1.0",
+  "version": "4.0.4",
   "type": "module",
   "main": "lib/index.js",
   "typings": "lib/index.d.ts",
@@ -39,61 +39,61 @@
   "author": "chenjiahan",
   "license": "MIT",
   "devDependencies": {
-    "@jest/types": "^29.1.2",
+    "@jest/types": "^27.5.1",
-    "@types/fs-extra": "^11.0.1",
+    "@types/fs-extra": "^9.0.13",
     "@types/less": "^3.0.3",
-    "@types/lodash": "^4.14.191",
     "@types/markdown-it": "^12.2.3",
-    "rimraf": "^5.0.0",
+    "react": "^18.2.0",
-    "vue": "^3.3.4"
+    "react-dom": "^18.2.0",
+    "vue": "^3.2.38"
   },
   "dependencies": {
     "@babel/core": "^7.18.13",
     "@babel/preset-typescript": "^7.18.6",
-    "@types/jest": "^29.5.1",
+    "@docsearch/css": "^3.2.1",
-    "@vant/eslint-config": "^4.0.0",
+    "@docsearch/js": "^3.2.1",
+    "@types/jest": "^27.5.2",
+    "@vant/eslint-config": "^3.5.0",
     "@vant/touch-emulator": "^1.4.0",
-    "@vitejs/plugin-vue": "^4.0.0",
+    "@vitejs/plugin-vue": "^3.0.3",
-    "@vitejs/plugin-vue-jsx": "^3.0.0",
+    "@vitejs/plugin-vue-jsx": "^2.0.1",
     "@vue/babel-plugin-jsx": "^1.1.1",
     "autoprefixer": "^10.4.8",
-    "commander": "^10.0.0",
+    "commander": "^9.4.0",
-    "consola": "^3.0.2",
+    "consola": "^2.15.3",
     "conventional-changelog": "^3.1.25",
-    "esbuild": "^0.18.11",
+    "esbuild": "^0.14.54",
-    "eslint": "^8.31.0",
+    "eslint": "^8.23.0",
-    "execa": "^6.1.0",
+    "execa": "^5.1.1",
     "fast-glob": "^3.2.11",
-    "fs-extra": "^11.1.0",
+    "fs-extra": "^10.1.0",
     "hash-sum": "^2.0.0",
     "highlight.js": "^11.6.0",
     "husky": "^8.0.1",
-    "jest": "^29.5.0",
+    "jest": "^27.5.1",
     "jest-canvas-mock": "^2.4.0",
-    "jest-environment-jsdom": "^29.1.2",
     "jest-serializer-html": "^7.1.0",
     "less": "^4.1.3",
-    "lodash": "^4.17.21",
     "markdown-it": "^12.3.2",
     "markdown-it-anchor": "^8.6.4",
     "nano-staged": "^0.8.0",
     "nanospinner": "^1.1.0",
     "picocolors": "^1.0.0",
-    "postcss": "^8.4.23",
+    "postcss": "^8.4.16",
-    "postcss-load-config": "^4.0.1",
+    "postcss-load-config": "^3.1.4",
-    "prettier": "^3.0.0",
+    "prettier": "^2.7.1",
     "release-it": "^15.4.1",
-    "terser": "^5.16.1",
     "transliteration": "^2.3.5",
-    "typescript": "^5.0.4",
+    "typescript": "^4.8.2",
-    "vite": "^4.4.2",
+    "vite": "^3.0.9",
+    "vite-plugin-html": "^2.1.2",
     "vite-plugin-md": "^0.11.9",
-    "vue-router": "^4.1.6"
+    "vue-router": "^4.1.5"
   },
   "release-it": {
     "git": {
       "tag": false,
-      "commitMessage": "release: @vant/cli v${version}"
+      "commitMessage": "release: @vant/cli ${version}"
     }
   }
 }

packages/vant-cli/site/common/iframe-sync.js

@@ -40,7 +40,7 @@ export function syncPathToParent() {
       type: 'replacePath',
       value: getCurrentDir(),
     },
-    '*',
+    '*'
   );
 }
 
@@ -53,7 +53,7 @@ export function syncPathToChild() {
           type: 'replacePath',
           value: getCurrentDir(),
         },
-        '*',
+        '*'
       );
     });
   }
@@ -68,7 +68,7 @@ export function syncThemeToChild(theme) {
           type: 'updateTheme',
           value: theme,
         },
-        '*',
+        '*'
       );
     });
   }

packages/vant-cli/site/common/style/base.less

@@ -6,20 +6,9 @@ body {
   overflow-x: auto;
   color: var(--van-doc-text-color-2);
   font-size: 16px;
-  font-family:
+  font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Helvetica Neue',
-    'Open Sans',
+    Helvetica, Segoe UI, Arial, Roboto, 'PingFang SC', 'miui',
-    -apple-system,
+    'Hiragino Sans GB', 'Microsoft Yahei', sans-serif;
-    BlinkMacSystemFont,
-    'Helvetica Neue',
-    Helvetica,
-    Segoe UI,
-    Arial,
-    Roboto,
-    'PingFang SC',
-    'miui',
-    'Hiragino Sans GB',
-    'Microsoft Yahei',
-    sans-serif;
   background-color: var(--van-doc-background);
   -webkit-font-smoothing: antialiased;
 }

packages/vant-cli/site/common/style/highlight.less

@@ -6,7 +6,7 @@ code {
   color: var(--van-doc-code-color);
   font-weight: 400;
   font-size: 14px;
-  font-family: var(--van-doc-code-font-family);
+  font-family: 'Source Code Pro', 'Monaco', 'Inconsolata', monospace;
   line-height: 26px;
   white-space: pre-wrap;
   word-wrap: break-word;
@@ -15,13 +15,6 @@ code {
   border-radius: var(--van-doc-border-radius);
 }
 
-p {
-  code {
-    display: inline-flex;
-    padding: 4px 10px;
-  }
-}
-
 pre {
   margin: 20px 0 0;
 

packages/vant-cli/site/common/style/vars.less

@@ -1,4 +1,4 @@
-:root {
+body {
   // colors
   --van-doc-black: #000;
   --van-doc-white: #fff;
@@ -12,20 +12,15 @@
   --van-doc-gray-8: #323233;
   --van-doc-blue: #1989fa;
   --van-doc-green: #07c160;
-  --van-doc-purple: #8e69d3;
 
   // sizes
-  --van-doc-padding: 32px;
+  --van-doc-padding: 24px;
   --van-doc-row-max-width: 1680px;
   --van-doc-nav-width: 220px;
   --van-doc-border-radius: 20px;
   --van-doc-simulator-width: 360px;
   --van-doc-simulator-height: 620px;
   --van-doc-header-top-height: 64px;
-
-  // fonts
-  --van-doc-code-font-family: 'Menlo', 'Source Code Pro', 'Monaco',
-    'Inconsolata', monospace;
 }
 
 .van-doc-theme-light {
@@ -49,7 +44,7 @@
   --van-doc-code-background: var(--van-doc-gray-1);
 
   // blockquote
-  --van-doc-blockquote-color: #2f85da;
+  --van-doc-blockquote-color: #4994df;
   --van-doc-blockquote-background: #ecf9ff;
 }
 

packages/vant-cli/site/desktop/App.vue

@@ -107,11 +107,11 @@ export default {
 
       const navItems = this.config.nav.reduce(
         (result, nav) => [...result, ...nav.items],
-        [],
+        []
       );
 
       const current = navItems.find(
-        (item) => item.path === this.$route.meta.name,
+        (item) => item.path === this.$route.meta.name
       );
 
       if (current && current.title) {

packages/vant-cli/site/desktop/components/Content.vue

@@ -12,11 +12,6 @@ import { copyToClipboard } from '../../common';
 
 export default {
   name: 'VanDocContent',
-  data() {
-    return {
-      iframeDocument: null,
-    };
-  },
 
   computed: {
     currentPage() {
@@ -55,22 +50,6 @@ export default {
           name: this.$route.name,
           hash: '#' + target.id,
         });
-
-        this.syncMobilePos(target.id);
-      }
-    },
-
-    syncMobilePos(id) {
-      // Getting the document at this point is to ensure that the target has been fully rendered.
-      if (!this.iframeDocument) {
-        const iframe = document.querySelector('iframe');
-        this.iframeDocument = iframe.contentWindow.document;
-      }
-      if (this.iframeDocument) {
-        const target = this.iframeDocument.getElementById(id);
-        if (target) {
-          target.scrollIntoView(true);
-        }
       }
     },
 
@@ -104,8 +83,8 @@ export default {
 
 <style lang="less">
 .van-doc-card {
-  margin-bottom: var(--van-doc-padding);
+  margin-bottom: 24px;
-  padding: 28px 28px 32px;
+  padding: 24px;
   background-color: var(--van-doc-background-2);
   border-radius: var(--van-doc-border-radius);
   overflow: auto;
@@ -206,7 +185,7 @@ export default {
   }
 
   > p {
-    margin-top: 16px;
+    margin-top: 8px;
     color: var(--van-doc-text-color-3);
     font-size: 15px;
     line-height: 26px;
@@ -266,7 +245,7 @@ export default {
       display: inline-block;
       color: var(--van-doc-green);
       font-size: 14px;
-      font-family: var(--van-doc-code-font-family);
+      font-family: 'Source Code Pro', 'Monaco', 'Inconsolata', monospace;
       font-style: normal;
       max-width: 300px;
       -webkit-font-smoothing: auto;
@@ -274,7 +253,7 @@ export default {
   }
 
   > ul {
-    margin: 16px 0 0;
+    margin: 12px 0;
   }
 
   > ul li,
@@ -312,19 +291,19 @@ export default {
   > table code {
     display: inline;
     margin: 0 2px;
-    padding: 3px 7px;
+    padding: 2px 5px;
     font-size: 14px;
+    font-family: inherit;
+    font-weight: 600;
     word-break: keep-all;
-    border-radius: 6px;
+    border-radius: 4px;
-    -webkit-font-smoothing: auto;
+    -webkit-font-smoothing: antialiased;
-    font-family: var(--van-doc-code-font-family);
   }
 
   > blockquote {
     margin: 16px 0 0;
     padding: 16px;
-    font-size: 15px;
+    font-size: 14px;
-    line-height: 26px;
     color: var(--van-doc-blockquote-color);
     background-color: var(--van-doc-blockquote-background);
     border-radius: var(--van-doc-border-radius);
@@ -333,7 +312,7 @@ export default {
   > img,
   > p img {
     width: 100%;
-    margin: 16px 0 0;
+    margin: 16px 0;
     border-radius: var(--van-doc-border-radius);
   }
 }
@@ -344,7 +323,7 @@ export default {
   padding: 0 0 75px;
 
   .van-doc-markdown-body {
-    padding: var(--van-doc-padding);
+    padding: 24px;
     overflow: hidden;
 
     h1,
@@ -364,7 +343,7 @@ export default {
     }
 
     h2 {
-      margin: 52px 0 20px;
+      margin: 45px 0 20px;
       font-size: 26px;
     }
   }

packages/vant-cli/site/desktop/components/DemoPlayground.vue

@@ -108,9 +108,7 @@ export default {
         cursor: pointer;
         opacity: 0.6;
         outline: none;
-        transition:
+        transition: opacity 0.2s, background 0.2s;
-          opacity 0.2s,
-          background 0.2s;
 
         // expand click area
         &::after {

packages/vant-cli/site/desktop/components/Header.vue

@@ -64,6 +64,12 @@
               {{ langLabel }}
             </a>
           </li>
+
+          <search-input
+            v-if="searchConfig"
+            :lang="lang"
+            :search-config="searchConfig"
+          />
         </ul>
       </div>
     </div>
@@ -71,12 +77,17 @@
 </template>
 
 <script>
+import SearchInput from './SearchInput.vue';
 import { packageVersion } from 'site-desktop-shared';
 import { getDefaultTheme, syncThemeToChild } from '../../common/iframe-sync';
 
 export default {
   name: 'VanDocHeader',
 
+  components: {
+    SearchInput,
+  },
+
   props: {
     lang: String,
     config: Object,
@@ -111,6 +122,10 @@ export default {
       return {};
     },
 
+    searchConfig() {
+      return this.config.searchConfig;
+    },
+
     themeImg() {
       if (this.currentTheme === 'light') {
         return 'https://b.yzcdn.cn/vant/dark-theme.svg';
@@ -123,8 +138,8 @@ export default {
     currentTheme: {
       handler(newVal, oldVal) {
         window.localStorage.setItem('vantTheme', newVal);
-        document.documentElement.classList.remove(`van-doc-theme-${oldVal}`);
+        document.body.classList.remove(`van-doc-theme-${oldVal}`);
-        document.documentElement.classList.add(`van-doc-theme-${newVal}`);
+        document.body.classList.add(`van-doc-theme-${newVal}`);
         syncThemeToChild(newVal);
       },
       immediate: true,
@@ -142,7 +157,7 @@ export default {
       const action = val ? 'add' : 'remove';
       document.body[`${action}EventListener`](
         'click',
-        this.checkHideVersionPop,
+        this.checkHideVersionPop
       );
 
       this.showVersionPop = val;
@@ -172,8 +187,6 @@ export default {
   width: 100%;
   background-color: var(--van-doc-header-background);
   user-select: none;
-  position: relative;
-  z-index: 2;
 
   &__top {
     display: flex;

packages/vant-cli/site/desktop/components/Nav.vue

@@ -1,5 +1,5 @@
 <template>
-  <div :class="['van-doc-nav', { 'van-doc-nav-fixed': isFixed }]">
+  <div class="van-doc-nav" :style="style">
     <div
       v-for="(group, index) in navConfig"
       class="van-doc-nav__group"
@@ -38,11 +38,19 @@ export default {
 
   data() {
     return {
-      isFixed: false,
+      top: 64,
+      bottom: 0,
     };
   },
 
   computed: {
+    style() {
+      return {
+        top: this.top + 'px',
+        bottom: this.bottom + 'px',
+      };
+    },
+
     base() {
       return this.lang ? `/${this.lang}/` : '/';
     },
@@ -56,7 +64,7 @@ export default {
   methods: {
     onScroll() {
       const { pageYOffset: offset } = window;
-      this.isFixed = offset > 64;
+      this.top = Math.max(0, 64 - offset);
     },
   },
 };
@@ -64,10 +72,8 @@ export default {
 
 <style lang="less">
 .van-doc-nav {
-  position: absolute;
+  position: fixed;
   left: 0;
-  top: var(--van-doc-header-top-height);
-  bottom: 0;
   z-index: 1;
   min-width: var(--van-doc-nav-width);
   max-width: var(--van-doc-nav-width);
@@ -80,10 +86,6 @@ export default {
     margin-left: calc((var(--van-doc-row-max-width) / 2 * -1));
   }
 
-  &.van-doc-nav-fixed {
-    position: fixed;
-    top: 0;
-  }
   &::-webkit-scrollbar {
     width: 6px;
     height: 6px;
@@ -108,14 +110,14 @@ export default {
     padding: 24px 0 0 var(--van-doc-padding);
     color: var(--van-doc-text-color-2);
     font-weight: 600;
-    font-size: 16px;
+    font-size: 15px;
     line-height: 28px;
   }
 
   &__item {
     a {
       display: block;
-      margin: 4px 0;
+      margin: 8px 0;
       padding: 6px 0 6px var(--van-doc-padding);
       color: var(--van-doc-text-color-3);
       font-size: 14px;

packages/vant-cli/site/desktop/components/SearchInput.vue

@@ -0,0 +1,63 @@
+<template>
+  <div id="docsearch" />
+</template>
+
+<script>
+export default {
+  name: 'VanDocSearch',
+
+  props: {
+    lang: String,
+    searchConfig: Object,
+  },
+
+  watch: {
+    lang() {
+      this.initDocsearch();
+    },
+  },
+
+  mounted() {
+    this.initDocsearch();
+  },
+
+  methods: {
+    initDocsearch() {
+      if (this.searchConfig) {
+        import('@docsearch/css');
+        import('@docsearch/js').then((docsearch) => {
+          docsearch.default({
+            ...this.searchConfig,
+            container: '#docsearch',
+          });
+        });
+      }
+    },
+  },
+};
+</script>
+
+<style lang="less">
+#docsearch {
+  display: inline-block;
+  vertical-align: middle;
+}
+
+.DocSearch-Button {
+  height: 32px;
+  background: #f7f8fa;
+
+  &:hover {
+    box-shadow: none;
+  }
+}
+
+.DocSearch-Search-Icon {
+  width: 18px;
+  height: 18px;
+}
+
+.DocSearch-Button-Key {
+  font-size: 12px;
+}
+</style>

packages/vant-cli/site/index.html

@@ -1,4 +1,4 @@
-<!doctype html>
+<!DOCTYPE html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
@@ -11,11 +11,14 @@
       name="viewport"
       content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover"
     />
-    <%= meta %>
+    <%- meta %>
     <meta http-equiv="Cache-Control" content="no-cache" />
     <meta http-equiv="Pragma" content="no-cache" />
     <meta http-equiv="Expires" content="0" />
-    <% if (headHtml) { %> <%= headHtml %> <% } %> <% if (baiduAnalytics) { %>
+    <% if (headHtml) { %>
+      <%- headHtml %>
+    <% } %>
+    <% if (baiduAnalytics) { %>
     <script>
       var _hmt = _hmt || [];
       (function () {

packages/vant-cli/site/mobile.html

@@ -1,4 +1,4 @@
-<!doctype html>
+<!DOCTYPE html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
@@ -11,16 +11,20 @@
       name="viewport"
       content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover"
     />
-    <%= meta %>
+    <%- meta %>
     <meta http-equiv="Cache-Control" content="no-cache" />
     <meta http-equiv="Pragma" content="no-cache" />
     <meta http-equiv="Expires" content="0" />
-    <% if (headHtml) { %> <%= headHtml %> <% } %> <% if (enableVConsole) { %>
+    <% if (headHtml) { %>
+      <%- headHtml %>
+    <% } %>
+    <% if (enableVConsole) { %>
     <script src="https://unpkg.com/vconsole/dist/vconsole.min.js"></script>
     <script>
       var vConsole = new window.VConsole();
     </script>
-    <% } %> <% if (baiduAnalytics) { %>
+    <% } %>
+    <% if (baiduAnalytics) { %>
     <script>
       // avoid to load analytics in iframe
       if (window.top === window) {

packages/vant-cli/site/mobile/App.vue

@@ -1,11 +1,11 @@
 <template>
   <demo-nav />
   <router-view v-slot="{ Component }">
-    <demo-section>
+    <keep-alive>
-      <keep-alive>
+      <demo-section>
         <component :is="Component" />
-      </keep-alive>
+      </demo-section>
-    </demo-section>
+    </keep-alive>
   </router-view>
 </template>
 
@@ -24,24 +24,15 @@ export default {
     watch(
       theme,
       (newVal, oldVal) => {
-        document.documentElement.classList.remove(`van-doc-theme-${oldVal}`);
+        document.body.classList.remove(`van-doc-theme-${oldVal}`);
-        document.documentElement.classList.add(`van-doc-theme-${newVal}`);
+        document.body.classList.add(`van-doc-theme-${newVal}`);
 
-        const { darkModeClass, lightModeClass } = config.site;
+        const { darkModeClass } = config.site;
         if (darkModeClass) {
-          document.documentElement.classList.toggle(
+          document.body.classList.toggle(darkModeClass, newVal === 'dark');
-            darkModeClass,
-            newVal === 'dark',
-          );
-        }
-        if (lightModeClass) {
-          document.documentElement.classList.toggle(
-            lightModeClass,
-            newVal === 'light',
-          );
         }
       },
-      { immediate: true },
+      { immediate: true }
     );
   },
 };
@@ -52,7 +43,6 @@ export default {
 
 body {
   min-width: 100vw;
-  background-color: inherit;
 }
 
 .van-doc-theme-light {

packages/vant-cli/site/mobile/components/DemoBlock.vue

@@ -1,8 +1,6 @@
 <template>
   <div class="van-doc-demo-block">
-    <h2 v-if="title" class="van-doc-demo-block__title" :id="slugifyTitle">
+    <h2 v-if="title" class="van-doc-demo-block__title">{{ title }}</h2>
-      {{ title }}
-    </h2>
     <div v-if="card" class="van-doc-demo-block__card">
       <slot />
     </div>
@@ -18,39 +16,6 @@ export default {
     card: Boolean,
     title: String,
   },
-
-  data() {
-    return {
-      slugify: null,
-    };
-  },
-
-  computed: {
-    slugifyTitle() {
-      return this.slugify ? this.slugify(this.title) : '';
-    },
-  },
-
-  watch: {
-    slugifyTitle(newVal) {
-      if (newVal) {
-        this.$nextTick(() => {
-          let hash = '';
-          if (top) hash = top.location.hash.split('#').pop();
-          else hash = location.hash.split('#').pop();
-          const target = document.getElementById(newVal);
-          if (target && newVal === hash) {
-            target.scrollIntoView(true);
-          }
-        });
-      }
-    },
-  },
-
-  async mounted() {
-    const { slugify } = await import('transliteration');
-    this.slugify = slugify;
-  },
 };
 </script>
 

packages/vant-cli/site/mobile/components/DemoHome.vue

@@ -93,7 +93,6 @@ export default {
     margin: 0 0 40px;
     color: var(--van-doc-text-color-4);
     font-size: 14px;
-    line-height: 1.6;
   }
 }
 </style>

packages/vant-cli/src/cli.ts

@@ -27,27 +27,23 @@ program
   .description('Run unit tests through jest')
   .option(
     '--watch',
-    'Watch files for changes and rerun tests related to changed files',
+    'Watch files for changes and rerun tests related to changed files'
   )
   .option(
     '--clearCache',
-    'Clears the configured Jest cache directory and then exits',
+    'Clears the configured Jest cache directory and then exits'
   )
   .option(
     '--changedSince <changedSince>',
-    'Runs tests related to the changes since the provided branch or commit hash',
+    'Runs tests related to the changes since the provided branch or commit hash'
   )
   .option(
     '--logHeapUsage',
-    'Logs the heap usage after every test. Useful to debug memory leaks',
+    'Logs the heap usage after every test. Useful to debug memory leaks'
   )
   .option(
     '--runInBand',
-    'Run all tests serially in the current process, rather than creating a worker pool of child processes that run tests',
+    'Run all tests serially in the current process, rather than creating a worker pool of child processes that run tests'
-  )
-  .option(
-    '--updateSnapshot',
-    'Re-record every snapshot that fails during this test run',
   )
   .option('--debug', 'Print debugging info about your Jest config')
   .action(async (options) => {

packages/vant-cli/src/commands/build.ts

@@ -1,6 +1,6 @@
 import fse from 'fs-extra';
-import { execa } from 'execa';
+import execa from 'execa';
-import { join, relative } from 'node:path';
+import { join, relative } from 'path';
 import { clean } from './clean.js';
 import { CSS_LANG } from '../common/css.js';
 import { createSpinner, consola } from '../common/logger.js';
@@ -66,7 +66,7 @@ async function preCompileDir(dir: string) {
         return compileSfc(filePath);
       }
       return Promise.resolve();
-    }),
+    })
   );
 }
 
@@ -78,7 +78,7 @@ async function compileDir(dir: string, format: Format) {
       return isDir(filePath)
         ? compileDir(filePath, format)
         : compileFile(filePath, format);
-    }),
+    })
   );
 }
 
@@ -104,10 +104,7 @@ async function buildTypeDeclarations() {
   const tsConfig = join(process.cwd(), 'tsconfig.declaration.json');
 
   if (existsSync(tsConfig)) {
-    await execa('tsc', ['-p', tsConfig], {
+    await execa('tsc', ['-p', tsConfig]);
-      stdout: 'inherit',
-      stderr: 'inherit',
-    });
   }
 }
 

packages/vant-cli/src/commands/changelog.ts

@@ -1,8 +1,8 @@
-import { join, dirname } from 'node:path';
+import { join, dirname } from 'path';
-import { fileURLToPath } from 'node:url';
+import { fileURLToPath } from 'url';
 import { ROOT } from '../common/constant.js';
 import { createSpinner, slimPath } from '../common/logger.js';
-import { createWriteStream, readFileSync } from 'node:fs';
+import { createWriteStream, readFileSync } from 'fs';
 import conventionalChangelog from 'conventional-changelog';
 
 const DIST_FILE = join(ROOT, './changelog.generated.md');
@@ -64,7 +64,7 @@ export async function changelog(): Promise<void> {
         headerPartial,
         commitPartial,
         transform,
-      },
+      }
     )
       .pipe(createWriteStream(DIST_FILE))
       .on('close', () => {

packages/vant-cli/src/commands/commit-lint.ts

@@ -1,4 +1,4 @@
-import { readFileSync } from 'node:fs';
+import { readFileSync } from 'fs';
 import { consola } from '../common/logger.js';
 
 const commitRE =

packages/vant-cli/src/commands/jest.ts

@@ -24,7 +24,6 @@ export function test(command: Config.Argv) {
     clearCache: command.clearCache,
     changedSince: command.changedSince,
     logHeapUsage: command.logHeapUsage,
-    updateSnapshot: command.updateSnapshot,
     // make jest tests faster
     // see: https://ivantanev.com/make-jest-faster/
     maxWorkers: '50%',

packages/vant-cli/src/commands/lint.ts

@@ -1,4 +1,4 @@
-import { execa } from 'execa';
+import execa from 'execa';
 import { consola, createSpinner } from '../common/logger.js';
 import { SCRIPT_EXTS } from '../common/constant.js';
 
@@ -11,14 +11,14 @@ type RunCommandMessages = {
 function runCommand(
   cmd: string,
   options: string[],
-  messages: RunCommandMessages,
+  messages: RunCommandMessages
 ) {
   const spinner = createSpinner(messages.start).start();
 
   return new Promise((resolve) => {
     execa(cmd, options, {
       preferLocal: true,
-      env: { FORCE_COLOR: 'true' },
+      env: { FORCE_COLOR: true },
     })
       .then(() => {
         spinner.success({ text: messages.succeed });
@@ -40,7 +40,7 @@ function eslint() {
       start: 'Running eslint...',
       succeed: 'ESLint Passed.',
       failed: 'ESLint failed!',
-    },
+    }
   );
 }
 

packages/vant-cli/src/commands/release.ts

@@ -1,7 +1,7 @@
 /* eslint-disable no-template-curly-in-string */
 import releaseIt from 'release-it';
-import { join, dirname } from 'node:path';
+import { join, dirname } from 'path';
-import { fileURLToPath } from 'node:url';
+import { fileURLToPath } from 'url';
 
 const __dirname = dirname(fileURLToPath(import.meta.url));
 const PLUGIN_PATH = join(__dirname, '../compiler/vant-cli-release-plugin.js');

packages/vant-cli/src/common/constant.ts

@@ -1,6 +1,6 @@
-import { existsSync, readFileSync } from 'node:fs';
+import { existsSync, readFileSync } from 'fs';
-import { fileURLToPath, pathToFileURL } from 'node:url';
+import { fileURLToPath, pathToFileURL } from 'url';
-import { join, dirname, isAbsolute } from 'node:path';
+import { join, dirname, isAbsolute } from 'path';
 
 function findRootDir(dir: string): string {
   if (existsSync(join(dir, 'vant.config.mjs'))) {

packages/vant-cli/src/common/css.ts

@@ -1,5 +1,5 @@
-import { existsSync } from 'node:fs';
+import { existsSync } from 'fs';
-import { join, isAbsolute } from 'node:path';
+import { join, isAbsolute } from 'path';
 import { getVantConfig } from '../common/index.js';
 import { STYLE_DIR, SRC_DIR } from './constant.js';
 
@@ -39,6 +39,6 @@ const IMPORT_STYLE_RE = /import\s+?(?:(?:".*?")|(?:'.*?'))[\s]*?(?:;|$|)/g;
 // "import 'a.less';" => "import 'a.css';"
 export function replaceCSSImportExt(code: string) {
   return code.replace(IMPORT_STYLE_RE, (str) =>
-    str.replace(`.${CSS_LANG}`, '.css'),
+    str.replace(`.${CSS_LANG}`, '.css')
   );
 }

packages/vant-cli/src/common/index.ts

@@ -1,7 +1,7 @@
 import fse from 'fs-extra';
-import { sep, join } from 'node:path';
+import { sep, join } from 'path';
 import { SRC_DIR, getVantConfig } from './constant.js';
-import { InlineConfig, loadConfigFromFile, mergeConfig } from 'vite';
+import type { InlineConfig } from 'vite';
 
 const { lstatSync, existsSync, readdirSync, readFileSync, outputFileSync } =
   fse;
@@ -42,7 +42,7 @@ export function getComponents() {
         }
 
         return false;
-      }),
+      })
     );
 }
 
@@ -65,7 +65,7 @@ export function camelize(str: string): string {
 export function pascalize(str: string): string {
   return camelize(str).replace(
     pascalizeRE,
-    (_, c1, c2) => c1.toUpperCase() + c2,
+    (_, c1, c2) => c1.toUpperCase() + c2
   );
 }
 
@@ -114,33 +114,13 @@ export function smartOutputFile(filePath: string, content: string) {
   outputFileSync(filePath, content);
 }
 
-export async function mergeCustomViteConfig(
+export function mergeCustomViteConfig(config: InlineConfig) {
-  config: InlineConfig,
-  mode: 'production' | 'development',
-): Promise<InlineConfig> {
   const vantConfig = getVantConfig();
   const configureVite = vantConfig.build?.configureVite;
 
-  const userConfig = await loadConfigFromFile(
-    {
-      mode,
-      command: mode === 'development' ? 'serve' : 'build',
-    },
-    undefined,
-    process.cwd(),
-  );
-
   if (configureVite) {
-    const ret = configureVite(config);
+    return configureVite(config);
-    if (ret) {
-      config = ret;
-    }
   }
-
-  if (userConfig) {
-    return mergeConfig(config, userConfig.config);
-  }
-
   return config;
 }
 

packages/vant-cli/src/common/logger.ts

@@ -1,6 +1,6 @@
 import { createSpinner } from 'nanospinner';
 import color from 'picocolors';
-import { consola } from 'consola';
+import consola from 'consola';
 import { ROOT } from '../common/constant.js';
 
 export function slimPath(path: string) {

packages/vant-cli/src/common/manager.ts

@@ -1,4 +1,4 @@
-import { execa } from 'execa';
+import execa from 'execa';
 import { consola } from './logger.js';
 import { execSync } from 'child_process';
 import { getVantConfig } from './constant.js';

packages/vant-cli/src/compiler/compile-bundles.ts

@@ -34,13 +34,8 @@ export async function compileBundles() {
     getVantConfig().build?.bundleOptions || DEFAULT_OPTIONS;
 
   await Promise.all(
-    bundleOptions.map(async (config) =>
+    bundleOptions.map((config) =>
-      build(
+      build(mergeCustomViteConfig(getViteConfigForPackage(config)))
-        await mergeCustomViteConfig(
+    )
-          getViteConfigForPackage(config),
-          'production',
-        ),
-      ),
-    ),
   );
 }

packages/vant-cli/src/compiler/compile-less.ts

@@ -1,6 +1,6 @@
 import less from 'less';
-import { join } from 'node:path';
+import { join } from 'path';
-import { readFileSync } from 'node:fs';
+import { readFileSync } from 'fs';
 import { CWD } from '../common/constant.js';
 
 export async function compileLess(filePath: string) {

packages/vant-cli/src/compiler/compile-sass.ts

@@ -1,4 +1,4 @@
-import { createRequire } from 'node:module';
+import { createRequire } from 'module';
 
 const require = createRequire(import.meta.url);
 

packages/vant-cli/src/compiler/compile-script.ts

@@ -1,7 +1,7 @@
 import fse from 'fs-extra';
 import babel from '@babel/core';
 import esbuild, { type Format } from 'esbuild';
-import { sep } from 'node:path';
+import { sep } from 'path';
 import { isJsx, replaceExt, getVantConfig } from '../common/index.js';
 import { replaceCSSImportExt } from '../common/css.js';
 import { replaceScriptImportExt } from './get-deps.js';
@@ -10,7 +10,7 @@ const { readFileSync, removeSync, outputFileSync } = fse;
 
 export async function compileScript(
   filePath: string,
-  format: Format,
+  format: Format
 ): Promise<void> {
   if (filePath.includes('.d.ts')) {
     return;

packages/vant-cli/src/compiler/compile-sfc.ts

@@ -1,5 +1,5 @@
 import fse from 'fs-extra';
-import path from 'node:path';
+import path from 'path';
 import hash from 'hash-sum';
 import {
   parse,
@@ -127,7 +127,7 @@ export async function compileSfc(filePath: string): Promise<any> {
         }
 
         outputFile(scriptFilePath, script).then(resolve);
-      }),
+      })
     );
   }
 
@@ -150,7 +150,7 @@ export async function compileSfc(filePath: string): Promise<any> {
       // }
 
       return outputFile(cssFilePath, styleSource);
-    }),
+    })
   );
 
   return Promise.all(tasks);

packages/vant-cli/src/compiler/compile-site.ts

@@ -1,5 +1,5 @@
 import color from 'picocolors';
-import { createRequire } from 'node:module';
+import { createRequire } from 'module';
 import { createServer, build } from 'vite';
 import {
   getViteConfigForSiteDev,
@@ -29,18 +29,12 @@ export function genSiteEntry(): Promise<void> {
 export async function compileSite(production = false) {
   await genSiteEntry();
   if (production) {
-    const config = await mergeCustomViteConfig(
+    const config = mergeCustomViteConfig(getViteConfigForSiteProd());
-      getViteConfigForSiteProd(),
-      'production',
-    );
     await build(config);
   } else {
-    const config = await mergeCustomViteConfig(
+    const config = mergeCustomViteConfig(getViteConfigForSiteDev());
-      getViteConfigForSiteDev(),
-      'development',
-    );
     const server = await createServer(config);
-    await server.listen(config.server?.port);
+    await server.listen();
 
     const require = createRequire(import.meta.url);
     const { version } = require('vite/package.json');

packages/vant-cli/src/compiler/compile-style.ts

@@ -1,4 +1,4 @@
-import { parse } from 'node:path';
+import { parse } from 'path';
 import fse from 'fs-extra';
 import { getVantConfig, replaceExt } from '../common/index.js';
 import { compileCss } from './compile-css.js';

packages/vant-cli/src/compiler/gen-component-style.ts

@@ -3,8 +3,8 @@
  */
 
 import fse from 'fs-extra';
-import { createRequire } from 'node:module';
+import { createRequire } from 'module';
-import { sep, join, relative } from 'node:path';
+import { sep, join, relative } from 'path';
 import { getComponents, replaceExt } from '../common/index.js';
 import { CSS_LANG, getCssBaseFile } from '../common/css.js';
 import { checkStyleExists } from './gen-style-deps-map.js';
@@ -81,7 +81,7 @@ function genEntry(params: {
 }
 
 export function genComponentStyle(
-  options: { cache: boolean } = { cache: true },
+  options: { cache: boolean } = { cache: true }
 ) {
   if (!options.cache) {
     const require = createRequire(import.meta.url);

packages/vant-cli/src/compiler/gen-package-entry.ts

@@ -1,4 +1,4 @@
-import { join } from 'node:path';
+import { join } from 'path';
 import {
   pascalize,
   getComponents,
@@ -20,7 +20,7 @@ function getPathByName(name: string, pathResolver?: PathResolver) {
 function genImports(
   names: string[],
   pathResolver?: PathResolver,
-  namedExport?: boolean,
+  namedExport?: boolean
 ): string {
   return names
     .map((name) => {
@@ -36,7 +36,7 @@ function genImports(
 function genExports(
   names: string[],
   pathResolver?: PathResolver,
-  namedExport?: boolean,
+  namedExport?: boolean
 ): string {
   if (namedExport) {
     const exports = names

packages/vant-cli/src/compiler/gen-package-style.ts

@@ -1,6 +1,6 @@
-import { join } from 'node:path';
+import { join } from 'path';
-import { existsSync } from 'node:fs';
+import { existsSync } from 'fs';
-import { createRequire } from 'node:module';
+import { createRequire } from 'module';
 import { smartOutputFile, normalizePath } from '../common/index.js';
 import { CSS_LANG, getCssBaseFile } from '../common/css.js';
 import { SRC_DIR, STYLE_DEPS_JSON_FILE } from '../common/constant.js';

packages/vant-cli/src/compiler/gen-site-desktop-shared.ts

@@ -1,7 +1,12 @@
 import glob from 'fast-glob';
-import { join, parse } from 'node:path';
+import { join, parse } from 'path';
-import { existsSync, readFileSync, readdirSync } from 'node:fs';
+import { existsSync, readFileSync, readdirSync } from 'fs';
-import { pascalize, getVantConfig, normalizePath } from '../common/index.js';
+import {
+  isDev,
+  pascalize,
+  getVantConfig,
+  normalizePath,
+} from '../common/index.js';
 import {
   SRC_DIR,
   DOCS_DIR,
@@ -75,7 +80,10 @@ function genImportDocuments(items: DocumentItem[]) {
   return items
     .map((item) => {
       const path = normalizePath(item.path);
-      return `const ${item.name} = () => import('${path}');`;
+      if (isDev()) {
+        return `const ${item.name} = () => import('${path}');`;
+      }
+      return `import ${item.name} from '${path}';`;
     })
     .join('\n');
 }

packages/vant-cli/src/compiler/gen-site-mobile-shared.ts

@@ -1,5 +1,5 @@
-import { join } from 'node:path';
+import { join } from 'path';
-import { existsSync, readdirSync } from 'node:fs';
+import { existsSync, readdirSync } from 'fs';
 import { SRC_DIR } from '../common/constant.js';
 import {
   pascalize,
@@ -38,7 +38,7 @@ function genConfig(demos: DemoItem[]) {
   function demoFilter(nav: any[]) {
     return nav.filter((group) => {
       group.items = group.items.filter((item: any) =>
-        demoNames.includes(item.path),
+        demoNames.includes(item.path)
       );
       return group.items.length;
     });

packages/vant-cli/src/compiler/gen-style-deps-map.ts

@@ -1,6 +1,6 @@
-import { relative, sep, join } from 'node:path';
+import { relative, sep, join } from 'path';
 import { CSS_LANG } from '../common/css.js';
-import { existsSync } from 'node:fs';
+import { existsSync } from 'fs';
 import { getDeps, clearDepsCache, fillExt } from './get-deps.js';
 import { getComponents, smartOutputFile } from '../common/index.js';
 import { SRC_DIR, STYLE_DEPS_JSON_FILE } from '../common/constant.js';
@@ -106,13 +106,13 @@ export async function genStyleDepsMap() {
 
     Object.keys(map).forEach((key) => {
       map[key] = map[key].sort(
-        (a, b) => sequence.indexOf(a) - sequence.indexOf(b),
+        (a, b) => sequence.indexOf(a) - sequence.indexOf(b)
       );
     });
 
     smartOutputFile(
       STYLE_DEPS_JSON_FILE,
-      JSON.stringify({ map, sequence }, null, 2),
+      JSON.stringify({ map, sequence }, null, 2)
     );
 
     resolve();

packages/vant-cli/src/compiler/get-deps.ts

@@ -1,6 +1,6 @@
-import { join } from 'node:path';
+import { join } from 'path';
 import { SCRIPT_EXTS, STYLE_EXTS } from '../common/constant.js';
-import { readFileSync, existsSync } from 'node:fs';
+import { readFileSync, existsSync } from 'fs';
 
 let depsMap: Record<string, string[]> = {};
 let existsCache: Record<string, boolean> = {};
@@ -105,7 +105,7 @@ export function getDeps(filePath: string) {
 export function replaceScriptImportExt(
   code: string,
   filePath: string,
-  ext: string,
+  ext: string
 ) {
   const imports = [...matchImports(code), ...matchExportFroms(code)];
 
@@ -127,11 +127,6 @@ export function replaceScriptImportExt(
         return;
       }
 
-      const isExistExt = line.includes(ext);
-      if (isExistExt) {
-        return;
-      }
-
       const pathInfo = getPathByImport(line, filePath);
 
       if (pathInfo) {
@@ -140,7 +135,7 @@ export function replaceScriptImportExt(
         if (pathInfo.isIndex) {
           const newLine = line.replace(
             relativePath,
-            `${relativePath}/index${ext}`,
+            `${relativePath}/index${ext}`
           );
 
           updateImport(index, newLine);

packages/vant-cli/src/compiler/web-types/formatter.ts

@@ -1,6 +1,11 @@
 /* eslint-disable no-continue */
 import { Articles } from './parser.js';
-import { formatType, removeVersion, toKebabCase } from './utils.js';
+import {
+  formatOptions,
+  formatType,
+  removeVersion,
+  toKebabCase,
+} from './utils.js';
 import { VueEventArgument, VueTag } from './type.js';
 
 function formatComponentName(name: string, tagPrefix: string) {
@@ -29,15 +34,9 @@ function formatArguments(input: string): VueEventArgument[] {
     } else if ([':', ',', '_', ' '].includes(input[0])) {
       input = input.substring(1);
     } else {
-      const matched = input.match(/( |'|\||\w)+/);
+      const val = input.match(/( |'|\||\w)+/)![0] || '';
-
+      input = input.substring(val.length);
-      if (matched?.length && matched[0]) {
+      items.push(val);
-        const val = matched[0];
-        input = input.substring(val.length);
-        items.push(val);
-      } else {
-        input = '';
-      }
     }
   }
 
@@ -67,6 +66,9 @@ function findTag(vueTags: VueTag[], name: string) {
 
   const newTag: VueTag = {
     name,
+    slots: [],
+    events: [],
+    attributes: [],
   };
 
   vueTags.push(newTag);
@@ -77,7 +79,7 @@ function findTag(vueTags: VueTag[], name: string) {
 export function formatter(
   vueTags: VueTag[],
   articles: Articles,
-  tagPrefix = '',
+  tagPrefix = ''
 ) {
   if (!articles.length) {
     return;
@@ -105,16 +107,12 @@ export function formatter(
       const tag = findTag(vueTags, name);
 
       table.body.forEach((line) => {
-        const [name, desc, type, defaultVal] = line;
+        const [name, desc, type, defaultVal, options] = line;
-
+        tag.attributes!.push({
-        if (!tag.attributes) {
-          tag.attributes = [];
-        }
-
-        tag.attributes.push({
           name: removeVersion(name),
           default: defaultVal,
           description: desc,
+          options: formatOptions(options),
           value: {
             type: formatType(type),
             kind: 'expression',
@@ -130,12 +128,7 @@ export function formatter(
 
       table.body.forEach((line) => {
         const [name, desc, args] = line;
-
+        tag.events!.push({
-        if (!tag.events) {
-          tag.events = [];
-        }
-
-        tag.events.push({
           name: removeVersion(name),
           description: desc,
           arguments: formatArguments(args),
@@ -150,12 +143,7 @@ export function formatter(
 
       table.body.forEach((line) => {
         const [name, desc] = line;
-
+        tag.slots!.push({
-        if (!tag.slots) {
-          tag.slots = [];
-        }
-
-        tag.slots.push({
           name: removeVersion(name),
           description: desc,
         });

packages/vant-cli/src/compiler/web-types/index.ts

@@ -1,5 +1,5 @@
 import glob from 'fast-glob';
-import { join } from 'node:path';
+import { join } from 'path';
 import fse from 'fs-extra';
 import { mdParser } from './parser.js';
 import { formatter } from './formatter.js';
@@ -36,7 +36,7 @@ export async function parseAndWrite(options: Options) {
   const webTypes = genWebTypes(vueTags, options);
   fse.outputFileSync(
     join(options.outputDir, 'web-types.json'),
-    JSON.stringify(webTypes),
+    JSON.stringify(webTypes, null, 2)
   );
 }
 

packages/vant-cli/src/compiler/web-types/type.ts

@@ -1,4 +1,4 @@
-import { PathLike } from 'node:fs';
+import { PathLike } from 'fs';
 
 export type VueSlot = {
   name: string;
@@ -20,6 +20,7 @@ export type VueAttribute = {
   name: string;
   default: string;
   description: string;
+  options: string[];
   value: {
     kind: 'expression';
     type: string;

packages/vant-cli/src/compiler/web-types/utils.ts

@@ -2,7 +2,7 @@
 export function toKebabCase(input: string): string {
   return input.replace(
     /[A-Z]/g,
-    (val, index) => (index === 0 ? '' : '-') + val.toLowerCase(),
+    (val, index) => (index === 0 ? '' : '-') + val.toLowerCase()
   );
 }
 
@@ -20,3 +20,9 @@ export function formatType(type: string) {
 export function normalizePath(path: string): string {
   return path.replace(/\\/g, '/');
 }
+
+// `default` `primary` -> ['default', 'primary']
+export function formatOptions(options?: string) {
+  if (!options) return [];
+  return options.replace(/`/g, '').split(' ');
+}

packages/vant-cli/src/compiler/web-types/web-types.ts

@@ -12,8 +12,8 @@ export function genWebTypes(tags: VueTag[], options: Options) {
       html: {
         tags,
         attributes: [],
+        'types-syntax': 'typescript',
       },
     },
-    'js-types-syntax': 'typescript',
   };
 }

packages/vant-cli/src/config/vite.package.ts

@@ -1,4 +1,4 @@
-import { join } from 'node:path';
+import { join } from 'path';
 import { setBuildTarget } from '../common/index.js';
 import { CWD, ES_DIR, getVantConfig, LIB_DIR } from '../common/constant.js';
 import type { InlineConfig } from 'vite';
@@ -28,8 +28,6 @@ export function getViteConfigForPackage({
       : undefined,
 
     build: {
-      emptyOutDir: false,
-
       lib: {
         name,
         entry,

packages/vant-cli/src/config/vite.site.ts

@@ -1,12 +1,12 @@
-import { join } from 'node:path';
+import { join } from 'path';
-import { createRequire } from 'node:module';
+import { createRequire } from 'module';
 import hljs from 'highlight.js';
 import vitePluginMd from 'vite-plugin-md';
 import vitePluginVue from '@vitejs/plugin-vue';
 import vitePluginJsx from '@vitejs/plugin-vue-jsx';
 import { setBuildTarget, getVantConfig, isDev } from '../common/index.js';
 import { SITE_DIST_DIR, SITE_SRC_DIR } from '../common/constant.js';
-import lodash from 'lodash';
+import { injectHtml } from 'vite-plugin-html';
 import type { InlineConfig, PluginOption } from 'vite';
 import type MarkdownIt from 'markdown-it';
 import { genSiteMobileShared } from '../compiler/gen-site-mobile-shared.js';
@@ -131,18 +131,6 @@ function vitePluginGenVantBaseCode(): PluginOption {
   };
 }
 
-function vitePluginHTML(data: object): PluginOption {
-  return {
-    name: 'vite-plugin-html',
-    transformIndexHtml: {
-      enforce: 'pre',
-      transform(html) {
-        return lodash.template(html)(data);
-      },
-    },
-  };
-}
-
 export function getViteConfigForSiteDev(): InlineConfig {
   setBuildTarget('site');
 
@@ -156,11 +144,6 @@ export function getViteConfigForSiteDev(): InlineConfig {
   return {
     root: SITE_SRC_DIR,
 
-    optimizeDeps: {
-      // https://github.com/youzan/vant/issues/10930
-      include: ['vue', 'vue-router'],
-    },
-
     plugins: [
       vitePluginGenVantBaseCode(),
       vitePluginVue({
@@ -189,16 +172,18 @@ export function getViteConfigForSiteDev(): InlineConfig {
         },
       }),
       vitePluginJsx(),
-      vitePluginHTML({
+      injectHtml({
-        ...siteConfig,
+        data: {
-        title,
+          ...siteConfig,
-        // `description` is used by the HTML ejs template,
+          title,
-        // so it needs to be written explicitly here to avoid error: description is not defined
+          // `description` is used by the HTML ejs template,
-        description: siteConfig.description,
+          // so it needs to be written explicitly here to avoid error: description is not defined
-        headHtml,
+          description: siteConfig.description,
-        baiduAnalytics,
+          headHtml,
-        enableVConsole,
+          baiduAnalytics,
-        meta: getHTMLMeta(vantConfig),
+          enableVConsole,
+          meta: getHTMLMeta(vantConfig),
+        },
       }),
     ],
 

packages/vant-cli/src/index.ts

@@ -1,6 +1,6 @@
 // @ts-ignore
-import fs from 'node:fs';
+import fs from 'fs';
-import { URL, fileURLToPath } from 'node:url';
+import { URL, fileURLToPath } from 'url';
 
 const packagePath = fileURLToPath(new URL('../package.json', import.meta.url));
 const packageJson = JSON.parse(fs.readFileSync(packagePath, 'utf-8'));

packages/vant-cli/src/module.d.ts

@@ -1,4 +1,5 @@
 // some modules with missing type definitions
+declare module 'execa';
 declare module 'hash-sum';
 declare module '@babel/core';
 declare module 'release-it';

packages/vant-cli/template/changelog-commit.hbs

@@ -32,3 +32,4 @@
 {{~/if}}
 /{{~@root.commit}}/{{hash}})
 {{~/if}}
+

packages/vant-cli/tsconfig.json

@@ -5,6 +5,5 @@
     "outDir": "./lib",
     "declaration": true
   },
-  "include": ["src/**/*"],
+  "include": ["src/**/*"]
-  "exclude": ["**/node_modules", "**/.*/"]
 }

packages/vant-compat/package.json

@@ -36,18 +36,17 @@
   "author": "chenjiahan",
   "license": "MIT",
   "devDependencies": {
-    "@vue/runtime-core": "^3.3.4",
+    "@vue/runtime-core": "^3.2.27",
     "vant": "workspace:*",
-    "vue": "^3.3.4",
+    "vue": "^3.2.27",
-    "esbuild": "^0.18.11",
+    "esbuild": "^0.14.29",
     "release-it": "^15.1.1",
-    "rimraf": "^5.0.0",
+    "typescript": "^4.7.4"
-    "typescript": "^5.0.4"
   },
   "release-it": {
     "git": {
       "tag": false,
-      "commitMessage": "release: @vant/compat v${version}"
+      "commitMessage": "release: @vant/compat ${version}"
     }
   }
 }

packages/vant-compat/tsconfig.json

@@ -4,6 +4,5 @@
     "outDir": "./dist",
     "declaration": true
   },
-  "include": ["src/**/*"],
+  "include": ["src/**/*"]
-  "exclude": ["**/node_modules", "**/.*/"]
 }

packages/vant-eslint-config/index.js

@@ -1,7 +1,7 @@
 module.exports = {
   extends: [
-    'eslint:recommended',
     'plugin:vue/vue3-recommended',
+    'airbnb-base',
     'plugin:@typescript-eslint/recommended',
     'prettier',
   ],
@@ -23,7 +23,28 @@ module.exports = {
   },
 
   rules: {
+    'no-new': 'off',
+    'no-shadow': 'off',
+    'no-bitwise': 'off',
+    'func-names': 'off',
+    'no-console': 'off',
+    'no-plusplus': 'off',
+    'default-case': 'off',
+    'prefer-template': 'off',
+    'consistent-return': 'off',
+    'no-param-reassign': 'off',
+    'no-nested-ternary': 'off',
+    'no-underscore-dangle': 'off',
+    'no-unused-expressions': 'off',
+    'no-restricted-globals': 'off',
+    'class-methods-use-this': 'off',
     'prefer-destructuring': ['error', { object: true, array: false }],
+    // eslint-plugin-import
+    'import/order': 'off',
+    'import/extensions': 'off',
+    'import/no-unresolved': 'off',
+    'import/prefer-default-export': 'off',
+    'import/no-extraneous-dependencies': 'off',
     // eslint-plugin-vue
     'vue/no-v-html': 'off',
     'vue/attributes-order': 'off',

packages/vant-eslint-config/jest.config.js

@@ -0,0 +1,4 @@
+/** @type {import('@jest/types').Config.InitialOptions} */
+module.exports = {
+  resolver: '<rootDir>/jest.resolver.js',
+};

packages/vant-eslint-config/jest.resolver.js

@@ -0,0 +1,13 @@
+// https://github.com/facebook/jest/issues/9771#issuecomment-871585234
+const resolver = require('enhanced-resolve').create.sync({
+  conditionNames: ['require', 'node', 'default'],
+  extensions: ['.js', '.json', '.node', '.ts', '.tsx'],
+});
+
+module.exports = function (request, options) {
+  // list global module that must be resolved by defaultResolver here
+  if (['fs', 'http', 'path'].includes(request)) {
+    return options.defaultResolver(request, options);
+  }
+  return resolver(options.basedir, request);
+};

packages/vant-eslint-config/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vant/eslint-config",
-  "version": "4.0.0",
+  "version": "3.5.0",
   "description": "eslint config of vant",
   "main": "index.js",
   "publishConfig": {
@@ -8,7 +8,8 @@
     "registry": "https://registry.npmjs.org/"
   },
   "scripts": {
-    "update:deps": "pnpm update --latest --interactive"
+    "update:deps": "pnpm update --latest --interactive",
+    "test": "jest"
   },
   "repository": {
     "type": "git",
@@ -19,14 +20,17 @@
   "author": "chenjiahan",
   "license": "MIT",
   "dependencies": {
-    "@typescript-eslint/eslint-plugin": "^5.60.1",
+    "@typescript-eslint/eslint-plugin": "^5.36.1",
-    "@typescript-eslint/parser": "^5.60.1",
+    "@typescript-eslint/parser": "^5.36.1",
-    "eslint-config-prettier": "^8.8.0",
+    "eslint-config-airbnb-base": "^15.0.0",
-    "eslint-plugin-vue": "^9.15.1"
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-plugin-import": "^2.26.0",
+    "eslint-plugin-vue": "^9.4.0"
   },
   "devDependencies": {
-    "eslint": "^8.44.0",
+    "enhanced-resolve": "^5.10.0",
-    "typescript": "^5.0.4"
+    "eslint": "^8.23.0",
+    "typescript": "^4.8.2"
   },
   "peerDependencies": {
     "eslint": "^7.32.0 || ^8.2.0"

packages/vant-eslint-config/test/.eslintrc

@@ -0,0 +1,4 @@
+{
+  "root": true,
+  "extends": ["../index"]
+}

packages/vant-eslint-config/test/index.spec.js

@@ -0,0 +1,41 @@
+const { ESLint } = require('eslint');
+const path = require('path');
+
+const eslint = new ESLint();
+
+async function lintProject(name) {
+  const projectPath = path.resolve(__dirname, name);
+  const filesToLint = path.resolve(projectPath, '**');
+  const rest = await eslint.lintFiles(filesToLint);
+  const ruleId = [];
+  rest.forEach((res) =>
+    res.messages.forEach((msg) => {
+      if (ruleId.indexOf(msg.ruleId) < 0) {
+        ruleId.push(msg.ruleId);
+      }
+    })
+  );
+  return ruleId;
+}
+
+test('a vue project should pass lint', async () => {
+  const rest = await lintProject('vue');
+
+  expect([
+    'no-const-assign',
+    '@typescript-eslint/no-unused-vars',
+    'vue/multi-word-component-names',
+    'no-undef',
+  ]).toEqual(rest);
+});
+
+test('a vue-tsx project should pass lint', async () => {
+  const rest = await lintProject('vue-tsx');
+
+  expect([
+    '@typescript-eslint/no-unused-vars',
+    'vue/multi-word-component-names',
+    'vue/no-ref-as-operand',
+    '@typescript-eslint/no-empty-interface',
+  ]).toEqual(rest);
+});

packages/vant-eslint-config/test/vue-tsx/app.tsx

@@ -0,0 +1,12 @@
+import { defineComponent } from 'vue';
+
+export default defineComponent({
+  name: 'App',
+  setup() {
+    return () => (
+      <>
+        <h1>App</h1>
+      </>
+    );
+  },
+});

packages/vant-eslint-config/test/vue-tsx/index.tsx

@@ -0,0 +1,23 @@
+import { defineComponent, ref } from 'vue';
+import App from './app';
+
+const h2 = 1;
+
+export default defineComponent({
+  name: 'Index',
+  setup() {
+    const count = ref(0);
+
+    count++;
+    count + 1;
+    1 + count;
+
+    return () => (
+      <>
+        <h1>About</h1>
+
+        <App />
+      </>
+    );
+  },
+});