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/CONTRIBUTING.md

@@ -1,4 +1,39 @@
-# Vant Contributing Guide
+# Contributing to Vant
 
-- [English Version](../packages/vant/docs/markdown/contribution.en-US.md)
-- [中文版](../packages/vant/docs/markdown/contribution.zh-CN.md)
+The following is a set of guidelines for contributing to Vant. Please spend several minutes in reading these guidelines before you create an issue or pull request.
+
+Anyway, these are just guidelines, not rules, use your best judgment and feel free to propose changes to this document in a pull request.
+
+## Opening an Issue
+
+If you think you have found a bug, or have a new feature idea, please start by making sure it hasn't already been reported or fixed. You can search through existing issues and PRs to see if someone has reported one similar to yours.
+
+Next, create a new issue that briefly explains the problem, and provides a bit of background as to the circumstances that triggered it, and steps to reproduce it.
+
+## Submitting a Pull Request
+
+It's welcomed to pull request, And there are some tips about that:
+
+- Before working on a large change, it is best to open an issue first to discuss it with the maintainers.
+
+- When in doubt, keep your pull requests small. To give a PR the best chance of getting accepted, don't bundle more than one feature or bug fix per pull request. It's always best to create two smaller PRs than one big one.
+
+- When adding new features or modifying existing, please attempt to include tests to confirm the new behavior.
+
+- Rebase before creating a PR to keep commit history clear.
+
+- Add some descriptions and refer relative issues for you PR.
+
+## Getting started
+
+You will need [Node.js >= 14](https://nodejs.org) and [pnpm](https://pnpm.io).
+
+```bash
+git clone git@github.com:vant-ui/vant.git
+
+# Install dependencies
+pnpm i
+
+# Start development
+pnpm dev
+```

.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/ISSUE_TEMPLATE/template-1-bug-report-vant.zh-CN.yml

@@ -1,4 +1,4 @@
-name: 我要反馈 Bug
+name: 我要反馈 Vant 的 Bug
 description: 通过标准模板进行 Bug 反馈。
 title: "[Bug Report] 请在此填写标题"
 labels: ["bug: need confirm"]
@@ -16,7 +16,7 @@ body:
     id: reproduce
     attributes:
       label: 重现链接
-      description: 请提供一个尽可能简单的 [codesandbox](https://codesandbox.io/p/devbox/vant-4-issue-template-8fuq5o) 或 GitHub 仓库链接。不要填写无效的链接，这会导致你的 issue 被直接关闭。
+      description: 请提供一个尽可能简单的 [codesandbox](https://codesandbox.io/s/vant-3-issue-template-8fuq5o) 或 GitHub 仓库链接。不要填写无效的链接，这会导致你的 issue 被直接关闭。
     validations:
       required: true
 
@@ -25,7 +25,7 @@ body:
     attributes:
       label: Vant 版本
       description: 你正在使用的 Vant 版本是多少？（请填写 node_modules/vant/package.json 里实际安装的版本）
-      placeholder: 比如 4.2.0
+      placeholder: 比如 3.2.0
     validations:
       required: true
 

.github/ISSUE_TEMPLATE/template-2-bug-report-vant-cli.zh-CN.yml

@@ -0,0 +1,51 @@
+name: 我要反馈 Vant Cli 的 Bug
+description: 通过标准模板进行 Bug 反馈。
+title: "[Bug Report] 请在此填写标题"
+labels: ["bug: need confirm", "cli"]
+body:
+  - type: markdown
+    attributes:
+      value: |
+        在提交 Bug 报告前，请注意：
+
+        - 确认你的问题无法通过官方文档得到解决。
+        - 确认你搜索过 [历史 issue](https://github.com/vant-ui/vant/issues)，并且没有发现同样的问题。
+        - 如果不是反馈 Bug，请到 [Discussions 讨论区](https://github.com/vant-ui/vant/discussions) 发帖。
+
+  - type: input
+    id: reproduce
+    attributes:
+      label: 重现链接
+      description: 请提供一个尽可能简单的 [codesandbox](https://codesandbox.io/s/vant-3-issue-template-8fuq5o) 或 GitHub 仓库链接。不要填写无效的链接，这会导致你的 issue 被直接关闭。
+    validations:
+      required: true
+
+  - type: input
+    id: version
+    attributes:
+      label: Vant Cli 版本
+      description: 你正在使用的 Vant Cli 版本是多少？（请填写 node_modules/@vant/cli/package.json 里实际安装的版本）
+      placeholder: 比如 3.2.0
+    validations:
+      required: true
+
+  - type: textarea
+    id: description
+    attributes:
+      label: 描述一下你遇到的问题。
+      placeholder: 比如：组件构建失败
+    validations:
+      required: true
+
+  - type: textarea
+    id: reproduce-steps
+    attributes:
+      label: 重现步骤
+      description: 请提供一个最简单的操作步骤，方便我们快速重现问题。
+      placeholder: |
+        比如：
+        1. 克隆仓库
+        2. 运行 yarn build
+        3. 组件构建失败
+    validations:
+      required: true

.github/ISSUE_TEMPLATE/template-3-feature-request-vant.zh-CN.yml

@@ -1,4 +1,4 @@
-name: 我想要一个新功能
+name: 我想要一个 Vant 的新功能
 description: 通过标准模板描述一下你的功能需求。
 title: "[Feature Request] 请在此填写标题"
 labels: ["feature: need confirm"]

.github/ISSUE_TEMPLATE/template-4-feature-request-vant-cli.zh-CN.yml

@@ -0,0 +1,29 @@
+name: 我想要一个 Vant Cli 的新功能
+description: 通过标准模板描述一下你的功能需求。
+title: "[Feature Request] 请在此填写标题"
+labels: ["feature: need confirm", "cli"]
+body:
+  - type: markdown
+    attributes:
+      value: |
+        在提交功能需求前，请注意：
+
+        - 确认这是一个通用功能，并且无法通过现有的 API 实现。
+        - 确认你搜索过 [历史 issue](https://github.com/vant-ui/vant/issues)，并且没有发现同样的需求。
+        - 可以先到 [Discussions 讨论区](https://github.com/vant-ui/vant/discussions) 发帖，讨论一下需求是否合理。
+
+  - type: textarea
+    id: description
+    attributes:
+      label: 这个功能解决了什么问题？
+      description: 请尽可能详细地说明这个功能的使用场景。
+    validations:
+      required: true
+
+  - type: textarea
+    id: api
+    attributes:
+      label: 你期望的 API 是什么样子的？
+      description: 描述一下这个新功能的 API，并提供一些代码示例。
+    validations:
+      required: true

.github/ISSUE_TEMPLATE/template-5-bug-report-vant.en-US.yml

@@ -7,7 +7,7 @@ body:
     id: reproduce
     attributes:
       label: Reproduction Link
-      description: Please provide a simple [codesandbox](https://codesandbox.io/p/devbox/vant-4-issue-template-8fuq5o) or GitHub repository link. Do not fill in invalid links, this will cause your issue to be closed directly.
+      description: Please provide a simple [codesandbox](https://codesandbox.io/s/vant-3-issue-template-8fuq5o) or GitHub repository link. Do not fill in invalid links, this will cause your issue to be closed directly.
     validations:
       required: true
 
@@ -16,7 +16,7 @@ body:
     attributes:
       label: Vant Version
       description: Please fill in the version actually installed in node_modules/vant/package.json
-      placeholder: E.g. 4.2.0
+      placeholder: E.g. 3.2.0
     validations:
       required: true
 

.github/PULL_REQUEST_TEMPLATE.md

@@ -1,3 +1,30 @@
-Before submitting a pull request, please read the [contributing guide](https://vant-ui.github.io/vant/#/en-US/contribution).
+### Before submitting a pull request, please make sure the following is done:
 
-在提交 pull request 之前，请阅读 [贡献指南](https://vant-ui.github.io/vant/#/zh-CN/contribution)。
+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`).
+
+#### Title Format
+
+type(ComponentName?)：commit message
+
+Example：
+
+- docs: fix typo in quickstart
+- build: optimize build speed
+- fix(Button): incorrect style
+- feat(Button): add color prop
+
+Allowed Types:
+
+- fix
+- feat
+- docs
+- perf
+- test
+- types
+- build
+- chore
+- refactor
+- breaking change

.github/pr-labeler.yml

@@ -1,10 +0,0 @@
-"change: feat":
-  - "/^(feat|types|style)/"
-"change: fix":
-  - "/^fix/"
-"change: perf":
-  - "/^perf/"
-"change: breaking":
-  - "/^breaking change/"
-"change: docs":
-  - "/^docs/"

.github/release.yml

@@ -1,26 +0,0 @@
-# .github/release.yml
-
-changelog:
-  exclude:
-    authors:
-      # Ignore the release PR created by github-actions
-      - github-actions
-  categories:
-    - title: Breaking Changes 🍭
-      labels:
-        - "change: breaking"
-    - title: New Features 🎉
-      labels:
-        - "change: feat"
-    - title: Performance 🚀
-      labels:
-        - "change: perf"
-    - title: Bug Fixes 🐞
-      labels:
-        - "change: fix"
-    - title: Document 📖
-      labels:
-        - "change: docs"
-    - title: Other Changes
-      labels:
-        - "*"

.github/renovate.json5

@@ -1,40 +0,0 @@
-{
-	"$schema": "https://docs.renovatebot.com/renovate-schema.json",
-	"extends": ["config:recommended", "schedule:weekly"],
-	"dependencyDashboard": false,
-	"packageRules": [
-		// Use chore as semantic commit type for commit messages
-		{
-			"matchPackagePatterns": ["*"],
-			"semanticCommitType": "chore",
-			// always bump package.json
-			"rangeStrategy": "bump"
-		},
-		{
-			"groupName": "rsbuild",
-			"packagePatterns": ["rsbuild"],
-			"groupSlug": "rsbuild"
-		},
-		{
-			"groupName": "vite",
-			"packagePatterns": ["vite"],
-			"groupSlug": "vite"
-		},
-		{
-			"groupName": "types",
-			"packagePatterns": ["^@types/"],
-			"groupSlug": "types"
-		},
-		{
-			"groupName": "all patch dependencies",
-			"groupSlug": "all-patch",
-			"matchPackagePatterns": ["*"],
-			"matchUpdateTypes": ["patch"]
-		},
-		// manually update peer dependencies
-		{
-			"depTypeList": ["peerDependencies"],
-			"enabled": false
-		}
-	]
-}

.github/workflows/codeql-analysis.yml

@@ -13,7 +13,10 @@ name: "CodeQL"
 
 on:
   push:
-    branches: [ main ]
+    branches: [ dev ]
+  pull_request:
+    # The branches below must be a subset of the branches above
+    branches: [ dev ]
   schedule:
     - cron: '36 21 * * 2'
 
@@ -36,7 +39,7 @@ jobs:
 
     steps:
     - name: Checkout repository
-      uses: actions/checkout@v4
+      uses: actions/checkout@v2
 
     # Initializes the CodeQL tools for scanning.
     - name: Initialize CodeQL

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

@@ -2,7 +2,7 @@ name: Deploy V4 Site
 
 on:
   push:
-    branches: [main]
+    branches: [dev]
     paths:
       - 'packages/vant/docs/**'
 
@@ -10,20 +10,19 @@ on:
 
 jobs:
   build-and-deploy:
-    if: github.repository == 'youzan/vant'
-    runs-on: macos-14
+    runs-on: ubuntu-latest
     steps:
       - name: Checkout 🛎️
-        uses: actions/checkout@v4
+        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@v4
+      - uses: actions/setup-node@v2
         with:
-          node-version: '18'
+          node-version: '16'
           cache: 'pnpm'
 
       - name: Install dependencies
@@ -32,29 +31,10 @@ jobs:
       - name: Build Site
         run: npm run build:site
 
-      - name: Deploy for GitHub 🚀
-        uses: JamesIves/github-pages-deploy-action@v4.6.3
+      - name: Deploy 🚀
+        uses: JamesIves/github-pages-deploy-action@4.1.1
         with:
           branch: gh-pages
           folder: packages/vant/site-dist
-          token: ${{ secrets.VANT_UI_TOKEN }}
-          repository-name: vant-ui/vant-ui.github.io
-          target-folder: vant
-          # enable single-commit to reduce the repo size
-          single-commit: true
-          clean: true
-          clean-exclude: |
-            1.x/*
-            1.x/**/*
-            next/*
-            next/**/*
-            v1/*
-            v1/**/*
-            v2/*
-            v2/**/*
-            v3/*
-            v3/**/*
-            v4/*
-            v4/**/*
-            vant-use/*
-            vant-use/**/*
+          target-folder: v4
+          clean: false

.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: |
-            As the issue was labeled with `need reproduce`, but no response in 3 days. This issue will be closed. Feel free to comment and reopen it if you have any further questions. For background, please refer to [Why reproductions are required](https://antfu.me/posts/why-reproductions-are-required).
-
-            由于该 issue 被标记为 "需要重现"，但在 3 天内没有回应，因此该 issue 将被关闭。如果你有任何进一步的问题，请随时发表评论并重新打开该 issue。背景请参考 [为什么需要最小重现](https://antfu.me/posts/why-reproductions-are-required-zh)。

.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, 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` 分支，提供改动所需相应的 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 [codesandbox](https://codesandbox.io/p/devbox/vant-4-issue-template-8fuq5o) or a minimal GitHub repository. Issues marked with `need reproduce` will be closed if there is no activity within 3 days. For background, please refer to [Why reproductions are required](https://antfu.me/posts/why-reproductions-are-required).
-
-            你好 @${{ github.event.issue.user.login }}, 我们需要你提供一个在线的重现示例，以便于我们帮你排查问题。你可以通过点击 [codesandbox](https://codesandbox.io/p/devbox/vant-4-issue-template-8fuq5o) 创建，或者提供一个最小化的 GitHub 仓库。如果 3 天内未跟进，此 issue 将会被自动关闭。背景请参考 [为什么需要最小重现](https://antfu.me/posts/why-reproductions-are-required-zh)。
-
-      - 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 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/pr-label.yaml

@@ -1,20 +0,0 @@
-name: PR Labeler
-
-on:
-  pull_request_target:
-    types:
-      - opened
-      - edited
-
-jobs:
-  change-labeling:
-    name: Labeling for changes
-    runs-on: ubuntu-latest
-    steps:
-      - uses: github/issue-labeler@v3.4
-        with:
-          repo-token: "${{ secrets.GITHUB_TOKEN }}"
-          configuration-path: .github/pr-labeler.yml
-          enable-versioned-regex: 0
-          include-title: 1
-          sync-labels: 1

.github/workflows/release-tag.yml

@@ -11,10 +11,15 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout code
-        uses: actions/checkout@v4
-
+        uses: actions/checkout@master
       - name: Create Release for Tag
         id: release_tag
-        uses: ncipollo/release-action@v1
+        uses: yyx990803/release-tag@master
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
         with:
-          generateReleaseNotes: "true"
+          tag_name: ${{ github.ref }}
+          body: |
+            更新内容参见 [CHANGELOG](https://vant-ui.github.io/vant/#/zh-CN/changelog)。
+
+            Please refer to [CHANGELOG](https://vant-ui.github.io/vant/#/en-US/changelog) for details.

.github/workflows/sync-gitee.yml

@@ -0,0 +1,22 @@
+name: Sync to Gitee
+
+on:
+  push:
+    branches: [dev, 2.x, 3.x, gh-pages]
+
+  workflow_dispatch:
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Sync to Gitee
+        uses: wearerequired/git-mirror-action@master
+        env:
+          # 在 Settings->Secrets 配置 GITEE_RSA_PRIVATE_KEY
+          SSH_PRIVATE_KEY: ${{ secrets.GITEE_RSA_PRIVATE_KEY }}
+        with:
+          # GitHub 源仓库地址
+          source-repo: git@github.com:vant-ui/vant.git
+          # Gitee 目标仓库地址
+          destination-repo: git@gitee.com:vant-contrib/vant.git

.github/workflows/test.yml

@@ -7,7 +7,7 @@ on:
 
   pull_request:
     branches:
-      - main
+      - dev
 
   workflow_dispatch:
 
@@ -15,14 +15,14 @@ jobs:
   lint:
     runs-on: ubuntu-latest
     steps:
-    - uses: actions/checkout@v4
+    - uses: actions/checkout@v2
 
     - name: Install pnpm
-      run: corepack enable
+      run: npm i pnpm@7 -g
 
-    - uses: actions/setup-node@v4
+    - uses: actions/setup-node@v2
       with:
-        node-version: '18'
+        node-version: '16'
         cache: 'pnpm'
 
     - name: Install dependencies
@@ -32,41 +32,40 @@ jobs:
       run: npm run lint
 
   test:
-    runs-on: macos-14
+    runs-on: ubuntu-latest
     steps:
-    - uses: actions/checkout@v4
+    - uses: actions/checkout@v2
 
     - name: Install pnpm
-      run: corepack enable
+      run: npm i pnpm@7 -g
 
-    - uses: actions/setup-node@v4
+    - uses: actions/setup-node@v2
       with:
-        node-version: '18'
+        node-version: '16'
         cache: 'pnpm'
 
     - name: Install dependencies
       run: pnpm install
 
     - name: Run test cases
-      run: pnpm run test:coverage
+      run: npm test
 
     - name: Upload coverage to Codecov  
-      uses: codecov/codecov-action@v4
+      uses: codecov/codecov-action@v1
       with:
         token: ${{ secrets.CODECOV_TOKEN }}
-        directory: ./packages/vant/test/coverage
 
   build:
-    runs-on: macos-14
+    runs-on: ubuntu-latest
     steps:
-    - uses: actions/checkout@v4
+    - uses: actions/checkout@v2
 
     - name: Install pnpm
-      run: corepack enable
+      run: npm i pnpm@7 -g
 
-    - uses: actions/setup-node@v4
+    - uses: actions/setup-node@v2
       with:
-        node-version: '18'
+        node-version: '16'
         cache: 'pnpm'
 
     - name: Install dependencies

.gitignore

@@ -17,6 +17,3 @@ lib
 dist
 **/site-dist
 changelog.generated.md
-
-# temp file
-packages/vant/README.md

.husky/commit-msg

@@ -1 +1,4 @@
-vant-cli commit-lint $1
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+npx --no-install vant-cli commit-lint $1

.husky/pre-commit

@@ -1 +1,4 @@
-nano-staged
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+npx --no-install nano-staged

.npmrc

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

.nvmrc

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

.prettierrc

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

README.md

@@ -4,24 +4,22 @@
 
 <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/codecov/c/github/youzan/vant/main.svg?style=flat-square&color=#4fc08d" alt="Coverage Status" />
+    <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@3/lib/vant.min.js?compression=gzip&style=flat-square&label=gzip%20size&color=#4fc08d" alt="Gzip Size" />
 </p>
 
 <p align="center">
-  <a href="https://vant-ui.github.io/vant">Documentation</a>
+  🔥 <a href="https://vant-contrib.gitee.io/vant">文档网站（国内）</a>
   &nbsp;
-  ·
+  🌈 <a href="https://vant-ui.github.io/vant">文档网站（GitHub）</a>
   &nbsp;
-  <a href="https://vant.pro/vant/">Documentation (backup)</a>
-  &nbsp;
-  ·
-  &nbsp;
-  <a href="./README.zh-CN.md">中文介绍</a>
+  🇨🇳 <a href="./README.zh-CN.md">中文版介绍</a>
 </p>
 
 ---
@@ -29,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
 
@@ -56,7 +53,7 @@ npm i vant
 npm i vant@latest-v2
 ```
 
-Using `yarn`, `pnpm`, or `bun`:
+Using `yarn` or `pnpm`:
 
 ```bash
 # with yarn
@@ -64,25 +61,8 @@ yarn add vant
 
 # with pnpm
 pnpm add vant
-
-# with Bun
-bun add vant
 ```
 
-## Scaffold
-
-It is recommended to use [Rsbuild](https://github.com/web-infra-dev/rsbuild) to create a scaffold project.
-
-Rsbuild is a build tool based on Rspack, developed by the author of Vant, with first-class build speed and development experience, providing first-priority support for Vant.
-
-You can create a Rsbuild project with the following command:
-
-```bash
-npm create rsbuild@latest
-```
-
-Please visit the [Rsbuild repository](https://github.com/web-infra-dev/rsbuild) for more information.
-
 ## Quickstart
 
 ```js
@@ -98,7 +78,7 @@ const app = createApp();
 app.use(Button);
 ```
 
-See more in [Quickstart](https://vant-ui.github.io/vant/#/en-US/quickstart).
+See more in [Quickstart](https://vant-ui.github.io/vant#/en-US/quickstart).
 
 ## Browser Support
 
@@ -112,31 +92,27 @@ 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-icons](https://github.com/vant-ui/vant/tree/main/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-nuxt](https://github.com/vant-ui/vant-nuxt) | Vant module for Nuxt |
+| [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/dev/packages/vant-icons) | Vant icons |
+| [vant-touch-emulator](https://github.com/vant-ui/vant/tree/dev/packages/vant-touch-emulator) | Using vant in desktop browsers |
 
 ## 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 |
 | [@antmjs/vantui](https://github.com/antmjs/vantui) | Mobile UI Components based on Vant, supporting Taro and React |
-| [vant-playground](https://github.com/LadyChatterleyLover/vant-playground) | Vant Playground |
-| [sfc-playground-vant](https://github.com/zhixiaoqiang/sfc-playground-vant) | Vant Playground |
-| [vue3-h5-template](https://github.com/yulimchen/vue3-h5-template) | Mobile project template based on Vant |
-| [vue3-vant-mobile](https://github.com/easy-temps/vue3-vant-mobile) | Mobile project template based on Vant |
-| [vscode-common-intellisense](https://github.com/Simon-He95/vscode-common-intellisense) | A VS Code extension that provides better intellisense to Vant developers |
+| [sfc-playground-vant](https://github.com/zhixiaoqiang/sfc-playground-vant) | Try Vant in the Playground. Currently only Vant 3+ is supported |
 
 ## Links
 
-- [Documentation](https://vant-ui.github.io/vant/)
-- [Documentation (backup)](https://vant.pro/vant/)
-- [Changelog](https://vant-ui.github.io/vant/#/en-US/changelog)
-- [Discussions](https://github.com/vant-ui/vant/discussions)
+- [Documentation](https://vant-ui.github.io/vant)
+- [Changelog](https://vant-ui.github.io/vant#/en-US/changelog)
+- [Gitter](https://gitter.im/vant-contrib/discuss?utm_source=share-link&utm_medium=link&utm_campaign=share-link)
 
 ## Preview
 
@@ -148,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://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://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/) |
+| [![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/) | [Lindysen](https://github.com/Lindysen/) | [JakeLaoyu](https://github.com/JakeLaoyu/) |
 
 ## All Contributors
 
@@ -168,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,47 +4,46 @@
 
 <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/codecov/c/github/youzan/vant/main.svg?style=flat-square&color=#4fc08d" alt="Coverage Status" />
+    <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@3/lib/vant.min.js?compression=gzip&style=flat-square&label=gzip%20size&color=#4fc08d" alt="Gzip Size" />
 </p>
 
 <p align="center">
-  🌈 <a href="https://vant.pro/vant/">文档网站（国内）</a>
+  🔥 <a href="https://vant-contrib.gitee.io/vant">文档网站（国内）</a>
   &nbsp;
-  ·
-  &nbsp;
-  <a href="https://vant-ui.github.io/vant">文档网站（GitHub）</a>
+  🌈 <a href="https://vant-ui.github.io/vant">文档网站（GitHub）</a>
 </p>
 
 ---
 
 ### 介绍
 
-Vant 是一个**轻量、可定制的移动端组件库**，于 2017 年开源。
+Vant 是一个**轻量、可靠的移动端组件库**，于 2017 年开源。
 
-目前 Vant 官方提供了 [Vue 2 版本](https://vant-ui.github.io/vant/v2/)、[Vue 3 版本](https://vant-ui.github.io/vant/)和[微信小程序版本](https://vant-ui.github.io/vant-weapp/)，并由社区团队维护 [React 版本](https://github.com/3lang3/react-vant)和[支付宝小程序版本](https://github.com/ant-move/Vant-Aliapp)。
+目前 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+ 种语言包
 
 ## 安装
 
@@ -58,7 +57,7 @@ npm i vant
 npm i vant@latest-v2
 ```
 
-当然，你也可以通过 `yarn` 或 `pnpm` 或 `bun` 进行安装：
+当然，你也可以通过 `yarn` 或 `pnpm` 进行安装：
 
 ```bash
 # 通过 yarn 安装
@@ -66,25 +65,8 @@ yarn add vant
 
 # 通过 pnpm 安装
 pnpm add vant
-
-# 通过 bun 安装
-bun add vant
 ```
 
-## 脚手架
-
-推荐使用 [Rsbuild](https://github.com/web-infra-dev/rsbuild) 来创建一个脚手架项目。
-
-Rsbuild 是基于 Rspack 的构建工具，由 Vant 作者开发，具备一流的构建速度和开发体验，对 Vant 提供第一优先级支持。
-
-你可以通过以下命令创建一个 Rsbuild 项目：
-
-```bash
-npm create rsbuild@latest
-```
-
-请访问 [Rsbuild 仓库](https://github.com/web-infra-dev/rsbuild) 了解更多信息。
-
 ## 快速上手
 
 ```js
@@ -100,7 +82,7 @@ const app = createApp();
 app.use(Button);
 ```
 
-vant 也支持按需引入、CDN 引入等方式，详细说明见 [快速上手](https://vant-ui.github.io/vant/#/zh-CN/quickstart).
+vant 也支持按需引入、CDN 引入等方式，详细说明见 [快速上手](https://vant-contrib.gitee.io/vant#/zh-CN/quickstart).
 
 ## 浏览器支持
 
@@ -116,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-icons](https://github.com/vant-ui/vant/tree/main/packages/vant-icons) | Vant 图标库 |
-| [vant-touch-emulator](https://github.com/vant-ui/vant/tree/main/packages/vant-touch-emulator) | 在桌面端使用 Vant 的辅助库 |
-| [vant-nuxt](https://github.com/vant-ui/vant-nuxt) | 为 Nuxt 准备的模块 |
+| [vant-cli](https://github.com/vant-ui/vant/tree/dev/packages/vant-cli) | 开箱即用的组件库搭建工具 |
+| [vant-icons](https://github.com/vant-ui/vant/tree/dev/packages/vant-icons) | Vant 图标库 |
+| [vant-touch-emulator](https://github.com/vant-ui/vant/tree/dev/packages/vant-touch-emulator) | 在桌面端使用 Vant 的辅助库 |
 
 ## 社区生态
 
@@ -128,20 +109,18 @@ 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 在线主题预览工具 |
 | [@antmjs/vantui](https://github.com/antmjs/vantui) | 基于 Vant Weapp 开发的多端组件库，同时支持 Taro 和 React |
-| [vant-playground](https://github.com/LadyChatterleyLover/vant-playground) | Vant Playground |
-| [sfc-playground-vant](https://github.com/zhixiaoqiang/sfc-playground-vant) | Vant Playground |
-| [vue3-h5-template](https://github.com/yulimchen/vue3-h5-template) | 基于 Vant 的移动端项目模板 |
-| [vue3-vant-mobile](https://github.com/easy-temps/vue3-vant-mobile) | 基于 Vant 的移动端项目模板 |
-| [vscode-common-intellisense](https://github.com/Simon-He95/vscode-common-intellisense) | VS Code 扩展，为 Vant 开发者提供更好的智能感知 |
+| [sfc-playground-vant](https://github.com/zhixiaoqiang/sfc-playground-vant) | Vant Playground. 当前仅支持 Vant 3.0 以上 |
 
 ## 链接
 
-- [详细文档](https://vant-ui.github.io/vant/)
-- [更新日志](https://vant-ui.github.io/vant/#/zh-CN/changelog)
-- [Discussions 讨论区](https://github.com/vant-ui/vant/discussions)
+- [详细文档](https://vant-contrib.gitee.io/vant)
+- [更新日志](https://vant-contrib.gitee.io/vant#/zh-CN/changelog)
+- [Gitter 讨论组](https://gitter.im/vant-contrib/discuss?utm_source=share-link&utm_medium=link&utm_campaign=share-link)
 
 ## 手机预览
 
@@ -153,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://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://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/) |
+| [![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/) | [Lindysen](https://github.com/Lindysen/) | [JakeLaoyu](https://github.com/JakeLaoyu/) |
 
 ## 贡献者们
 
@@ -171,14 +146,10 @@ Vant 3/4 支持现代浏览器以及 Chrome >= 51、iOS >= 10.0（与 Vue 3 一
 
 ## 贡献指南
 
-修改代码请阅读我们的 [贡献指南](https://vant-ui.github.io/vant/#/zh-CN/contribution)。
+修改代码请阅读我们的 [贡献指南](https://vant-contrib.gitee.io/vant/#/zh-CN/contribution)。
 
 使用过程中发现任何问题都可以提 [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) 协议，请自由地享受和参与开源。

SECURITY.md

@@ -2,4 +2,4 @@
 
 ## Reporting a Vulnerability
 
-jait.chen@foxmail.com
+chenjiahan@buaa.edu.cn

package.json

@@ -1,13 +1,11 @@
 {
   "private": true,
   "scripts": {
-    "prepare": "husky",
+    "prepare": "husky install",
     "dev": "pnpm --dir ./packages/vant dev",
-    "lint": "eslint \"./packages/**/{src,test}/**/*.{vue,ts,tsx,js,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",
-    "test:coverage": "pnpm --dir ./packages/vant test:coverage",
     "build": "pnpm --dir ./packages/vant build",
     "build:site": "pnpm --dir ./packages/vant build:site"
   },
@@ -16,19 +14,24 @@
     "*.{ts,tsx,js,vue,less}": "prettier --write",
     "*.{ts,tsx,js,vue}": "eslint --fix"
   },
-  "engines": {
-    "pnpm": ">= 9.0.0"
-  },
-  "packageManager": "pnpm@9.1.4",
+  "packageManager": "pnpm@7.11.0",
   "devDependencies": {
     "@vant/cli": "workspace:*",
     "@vant/eslint-config": "workspace:*",
-    "eslint": "^8.57.0",
-    "husky": "^9.1.1",
+    "eslint": "^8.23.0",
+    "husky": "^8.0.1",
     "nano-staged": "^0.8.0",
-    "prettier": "^3.3.3"
+    "prettier": "^2.7.1",
+    "rimraf": "^3.0.2"
   },
-  "overrides": {
-    "esbuild": "^0.20.2"
+  "pnpm": {
+    "peerDependencyRules": {
+      "ignoreMissing": [
+        "@algolia/client-search",
+        "@types/react",
+        "react",
+        "react-dom"
+      ]
+    }
   }
 }

packages/create-vant-cli-app/generators/vue2/docs/quickstart.md

@@ -11,7 +11,4 @@ yarn add <%= name %>
 
 # 通过 pnpm
 pnpm add <%= name %>
-
-# 通过 bun
-bun add <%= name %>
 ```

packages/create-vant-cli-app/generators/vue2/src/demo-button/index.vue

@@ -6,7 +6,7 @@
 
 <script>
 export default {
-  name: 'DemoButton',
+  name: 'demo-button',
 
   props: {
     color: String,

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/.husky/commit-msg

@@ -1 +1,4 @@
-vant-cli commit-lint $1
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+npx --no-install vant-cli commit-lint $1

packages/create-vant-cli-app/generators/vue3/.husky/pre-commit

@@ -1 +1,4 @@
-nano-staged
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+npx --no-install nano-staged

packages/create-vant-cli-app/generators/vue3/docs/quickstart.md

@@ -11,7 +11,4 @@ yarn add <%= name %>
 
 # 通过 pnpm
 pnpm add <%= name %>
-
-# 通过 bun
-bun add <%= name %>
 ```

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

@@ -13,9 +13,13 @@
   "scripts": {
     "dev": "vant-cli dev",
     "lint": "vant-cli lint",
+    "test": "vant-cli test",
     "build": "vant-cli build",
     "build:site": "vant-cli build-site",
-    "release:site": "pnpm build:site && npx gh-pages -d site-dist"
+    "release": "vant-cli release --tag next",
+    "release:site": "pnpm build:site && npx gh-pages -d site-dist",
+    "test:watch": "vant-cli test --watch",
+    "test:coverage": "open test/coverage/index.html"
   },
   "author": "",
   "nano-staged": {
@@ -24,11 +28,11 @@
     "*.{ts,tsx,js,vue}": "eslint --fix"
   },
   "peerDependencies": {
-    "vue": "^3.3.4"
+    "vue": "^3.0.0"
   },
   "devDependencies": {
-    "@vant/cli": "^7.0.0",
-    "vue": "^3.3.4",
+    "@vant/cli": "^4.0.0",
+    "vue": "^3.0.0",
     "sass": "^1.49.7"
   },
   "eslintConfig": {

packages/create-vant-cli-app/generators/vue3/src/demo-button/index.vue

@@ -6,7 +6,7 @@
 
 <script>
 export default {
-  name: 'DemoButton',
+  name: 'demo-button',
 
   props: {
     color: String,

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

@@ -1,6 +1,6 @@
 {
   "name": "create-vant-cli-app",
-  "version": "3.0.0",
+  "version": "2.0.1",
   "description": "Create Vant CLI App",
   "main": "lib/index.js",
   "bin": {
@@ -9,7 +9,7 @@
   "scripts": {
     "dev": "tsc --watch",
     "build": "rimraf ./lib && tsc",
-    "release": "vant-cli release",
+    "release": "pnpm build & release-it",
     "prepare": "pnpm build"
   },
   "files": [
@@ -31,15 +31,22 @@
   "author": "chenjiahan",
   "license": "MIT",
   "devDependencies": {
-    "@types/fs-extra": "^11.0.4",
-    "rimraf": "^5.0.9",
-    "typescript": "^5.4.5"
+    "@types/fs-extra": "^9.0.13",
+    "@types/inquirer": "^8.2.3",
+    "release-it": "^15.4.1",
+    "typescript": "^4.8.2"
   },
   "dependencies": {
-    "rslog": "^1.2.2",
-    "fast-glob": "^3.3.2",
-    "fs-extra": "^11.2.0",
-    "enquirer": "2.4.1",
-    "picocolors": "^1.0.1"
+    "consola": "^2.11.3",
+    "fast-glob": "^3.2.11",
+    "fs-extra": "^10.1.0",
+    "inquirer": "^8.2.4",
+    "picocolors": "^1.0.0"
+  },
+  "release-it": {
+    "git": {
+      "tag": false,
+      "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,32 +1,32 @@
 import fs from 'fs-extra';
 import glob from 'fast-glob';
 import color from 'picocolors';
-import { logger } from 'rslog';
-import { prompt } from 'enquirer';
-import { sep, join } from 'node:path';
+import consola from 'consola';
+import { prompt } from 'inquirer';
+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: 'vue3',
-        message: 'Vue 3',
+        name: 'Vue 2',
+        value: 'vue2',
       },
       {
-        name: 'vue2',
-        message: 'Vue 2',
+        name: 'Vue 3',
+        value: 'vue3',
       },
     ],
   },
   {
     name: 'preprocessor',
     message: 'Select css preprocessor',
-    type: 'select',
-    choices: ['Sass', 'Less'],
+    type: 'list',
+    choices: ['Less', 'Sass'],
   },
 ];
 
@@ -64,19 +64,19 @@ export class VanGenerator {
 
   writing() {
     console.log();
-    logger.info(`Creating project in ${color.green(this.outputDir)}\n`);
+    consola.info(`Creating project in ${color.green(this.outputDir)}\n`);
 
     // 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) => {
@@ -99,18 +99,18 @@ export class VanGenerator {
     fs.writeFileSync(to, content);
 
     const name = to.replace(this.outputDir + sep, '');
-    logger.success(`${color.green('create')} ${name}`);
+    consola.success(`${color.green('create')} ${name}`);
   }
 
   end() {
     const { name } = this.inputs;
 
     console.log();
-    logger.success(`Successfully created ${color.yellow(name)}.`);
-    logger.success(
+    consola.success(`Successfully created ${color.yellow(name)}.`);
+    consola.success(
       `Run ${color.yellow(
-        `cd ${name} && git init && yarn && yarn dev`,
-      )} to start development!`,
+        `cd ${name} && git init && yarn && yarn dev`
+      )} to start development!`
     );
   }
 }

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

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

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

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

packages/create-vant-cli-app/vant.config.mjs

@@ -1,5 +0,0 @@
-export default {
-  build: {
-    packageManager: 'pnpm',
-  },
-};

packages/vant-area-data/README.md

@@ -1,6 +1,6 @@
-# Vant China Area Data
+# Vant Area Data
 
-中国省市区数据，适用于 Vant 的 Area 和 Cascader 等组件。
+中国省市区数据，适用于 Vant Area 组件。
 
 ## 安装
 
@@ -13,27 +13,14 @@ yarn add @vant/area-data
 
 # 通过 pnpm
 pnpm add @vant/area-data
-
-# 通过 Bun
-bun 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,18 +1,16 @@
 {
   "name": "@vant/area-data",
-  "version": "1.5.1",
+  "version": "1.3.2",
   "description": "Vant 省市区数据",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.mjs",
   "types": "dist/index.d.ts",
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
       "import": "./dist/index.esm.mjs",
       "require": "./dist/index.cjs.js"
     }
   },
-  "sideEffects": false,
   "files": [
     "dist"
   ],
@@ -22,7 +20,7 @@
     "build:types": "tsc -p ./tsconfig.json --emitDeclarationOnly",
     "build:bundle": "node ./build.js",
     "build": "pnpm clean && pnpm build:bundle && pnpm build:types",
-    "release": "vant-cli release",
+    "release": "pnpm build && release-it",
     "prepare": "pnpm build"
   },
   "publishConfig": {
@@ -38,8 +36,14 @@
   "author": "chenjiahan",
   "license": "MIT",
   "devDependencies": {
-    "esbuild": "^0.20.2",
-    "rimraf": "^5.0.9",
-    "typescript": "^5.4.5"
+    "esbuild": "^0.14.54",
+    "release-it": "^15.4.1",
+    "typescript": "^4.8.2"
+  },
+  "release-it": {
+    "git": {
+      "tag": false,
+      "commitMessage": "release: @vant/area-data ${version}"
+    }
   }
 }

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

@@ -1,8 +1,4 @@
-export const areaList: {
-  province_list: Record<string, string>;
-  city_list: Record<string, string>;
-  county_list: Record<string, string>;
-} = {
+export const areaList = {
   province_list: {
     110000: '北京市',
     120000: '天津市',
@@ -1391,10 +1387,11 @@ export const areaList: {
     340190: '高新技术开发区',
     340191: '经济技术开发区',
     340202: '镜湖区',
+    340203: '弋江区',
     340207: '鸠江区',
-    340209: '弋江区',
-    340210: '湾沚区',
-    340212: '繁昌区',
+    340208: '三山区',
+    340221: '芜湖县',
+    340222: '繁昌县',
     340223: '南陵县',
     340281: '无为市',
     340302: '龙子湖区',
@@ -1624,6 +1621,7 @@ export const areaList: {
     360724: '上犹县',
     360725: '崇义县',
     360726: '安远县',
+    360727: '龙南县',
     360728: '定南县',
     360729: '全南县',
     360730: '宁都县',
@@ -1633,7 +1631,6 @@ export const areaList: {
     360734: '寻乌县',
     360735: '石城县',
     360781: '瑞金市',
-    360783: '龙南市',
     360802: '吉州区',
     360803: '青原区',
     360821: '吉安县',
@@ -3889,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/**/*"],
-  "exclude": ["**/node_modules", "**/.*/"]
+  "include": ["src/**/*"]
 }

packages/vant-area-data/vant.config.mjs

@@ -1,5 +0,0 @@
-export default {
-  build: {
-    packageManager: 'pnpm',
-  },
-};

packages/vant-auto-import-resolver/LICENSE

@@ -1,10 +0,0 @@
-MIT License
-
-Copyright (c) Youzan
-Copyright (c) Chen Jiahan and other contributors
-
-Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

packages/vant-auto-import-resolver/README.md

@@ -1,198 +0,0 @@
-# Vant Auto Import Resolver
-
-English | [简体中文](./README.zh-CN.md)
-
-`@vant/auto-import-resolver` is a resolver for [unplugin-vue-components](https://github.com/unplugin/unplugin-vue-components) that enables on-demand importing of Vant components.
-
-### Features
-
-- Supports `Vite`, `Webpack`, `Rspack`, `Vue CLI`, `Rollup`, `esbuild`, and more.
-- Automatically imports the corresponding CSS styles for the components.
-- Supports SSR (Server-Side Rendering).
-
-### Installation
-
-```shell
-# via npm
-npm i @vant/auto-import-resolver unplugin-vue-components unplugin-auto-import -D
-
-# via yarn
-yarn add @vant/auto-import-resolver unplugin-vue-components unplugin-auto-import -D
-
-# via pnpm
-pnpm add @vant/auto-import-resolver unplugin-vue-components unplugin-auto-import -D
-
-# via Bun
-bun add @vant/auto-import-resolver unplugin-vue-components unplugin-auto-import -D
-```
-
-## Usage
-
-### Vite
-
-```ts
-// vite.config.ts
-import AutoImport from 'unplugin-auto-import/vite';
-import Components from 'unplugin-vue-components/vite';
-import { VantResolver } from '@vant/auto-import-resolver';
-
-export default defineConfig({
-  plugins: [
-    AutoImport({
-      resolvers: [VantResolver()],
-    }),
-    Components({
-      resolvers: [VantResolver()],
-    }),
-  ],
-});
-```
-
-### Rollup
-
-```ts
-// rollup.config.js
-import AutoImport from 'unplugin-auto-import/rollup';
-import Components from 'unplugin-vue-components/rollup';
-import { VantResolver } from '@vant/auto-import-resolver';
-
-export default {
-  plugins: [
-    AutoImport({
-      resolvers: [VantResolver()],
-    }),
-    Components({
-      resolvers: [VantResolver()],
-    }),
-  ],
-};
-```
-
-### Webpack
-
-```ts
-// webpack.config.js
-import AutoImport from 'unplugin-auto-import/webpack';
-import Components from 'unplugin-vue-components/webpack';
-import { VantResolver } from '@vant/auto-import-resolver';
-
-module.exports = {
-  plugins: [
-    AutoImport({
-      resolvers: [VantResolver()],
-    }),
-    Components({
-      resolvers: [VantResolver()],
-    }),
-  ],
-};
-```
-
-### Rspack
-
-```ts
-// rspack.config.js
-import AutoImport from 'unplugin-auto-import/rspack';
-import Components from 'unplugin-vue-components/rspack';
-import { VantResolver } from '@vant/auto-import-resolver';
-
-module.exports = {
-  plugins: [
-    AutoImport({
-      resolvers: [VantResolver()],
-    }),
-    Components({
-      resolvers: [VantResolver()],
-    }),
-  ],
-};
-```
-
-### Vue CLI
-
-```ts
-// vue.config.js
-import AutoImport from 'unplugin-auto-import/webpack';
-import Components from 'unplugin-vue-components/webpack';
-import { VantResolver } from '@vant/auto-import-resolver';
-
-module.exports = {
-  configureWebpack: {
-    plugins: [
-      AutoImport({
-        resolvers: [VantResolver()],
-      }),
-      Components({
-        resolvers: [VantResolver()],
-      }),
-    ],
-  },
-};
-```
-
-### esbuild
-
-```ts
-// esbuild.config.js
-import { build } from 'esbuild';
-import AutoImport from 'unplugin-auto-import/esbuild';
-import Components from 'unplugin-vue-components/esbuild';
-import { VantResolver } from '@vant/auto-import-resolver';
-
-build({
-  plugins: [
-    AutoImport({
-      resolvers: [VantResolver()],
-    }),
-    Components({
-      resolvers: [VantResolver()],
-    }),
-  ],
-});
-```
-
-## Options
-
-### importStyle
-
-Whether to automatically import the corresponding styles of the components.
-
-- **Type:** `boolean`
-- **Default:** `true`
-- **Example:**
-
-```ts
-Components({
-  resolvers: [
-    VantResolver({
-      // Disable style import
-      importStyle: false,
-    }),
-  ],
-});
-```
-
-### module
-
-Specifies the type of module to be imported.
-
-- **Type:** `'esm' | 'cjs'`
-- **Default:** `'esm'`
-- **Example:**
-
-```ts
-Components({
-  resolvers: [
-    VantResolver({
-      module: 'cjs',
-    }),
-  ],
-});
-```
-
-### ssr
-
-- **Type:** `boolean`
-- **Default:** `undefined`
-
-This option is deprecated. Please use the `module` option to set the module type.

packages/vant-auto-import-resolver/README.zh-CN.md

@@ -1,198 +0,0 @@
-# Vant Auto Import Resolver
-
-[English](./README.md) | 简体中文
-
-`@vant/auto-import-resolver` 是 [unplugin-vue-components](https://github.com/unplugin/unplugin-vue-components) 的一个解析器，用于实现 Vant 按需引入。
-
-### 特性
-
-- 支持 `Vite`, `Webpack`, `Rspack`, `Vue CLI`, `Rollup`, `esbuild` 等
-- 支持自动引入组件对应的 CSS 样式
-- 支持 SSR（服务端渲染）
-
-### 安装
-
-```shell
-# via npm
-npm i @vant/auto-import-resolver unplugin-vue-components unplugin-auto-import -D
-
-# via yarn
-yarn add @vant/auto-import-resolver unplugin-vue-components unplugin-auto-import -D
-
-# via pnpm
-pnpm add @vant/auto-import-resolver unplugin-vue-components unplugin-auto-import -D
-
-# via Bun
-bun add @vant/auto-import-resolver unplugin-vue-components unplugin-auto-import -D
-```
-
-## 使用
-
-### Vite
-
-```ts
-// vite.config.ts
-import AutoImport from 'unplugin-auto-import/vite';
-import Components from 'unplugin-vue-components/vite';
-import { VantResolver } from '@vant/auto-import-resolver';
-
-export default defineConfig({
-  plugins: [
-    AutoImport({
-      resolvers: [VantResolver()],
-    }),
-    Components({
-      resolvers: [VantResolver()],
-    }),
-  ],
-});
-```
-
-### Rollup
-
-```ts
-// rollup.config.js
-import AutoImport from 'unplugin-auto-import/rollup';
-import Components from 'unplugin-vue-components/rollup';
-import { VantResolver } from '@vant/auto-import-resolver';
-
-export default {
-  plugins: [
-    AutoImport({
-      resolvers: [VantResolver()],
-    }),
-    Components({
-      resolvers: [VantResolver()],
-    }),
-  ],
-};
-```
-
-### Webpack
-
-```ts
-// webpack.config.js
-import AutoImport from 'unplugin-auto-import/webpack';
-import Components from 'unplugin-vue-components/webpack';
-import { VantResolver } from '@vant/auto-import-resolver';
-
-module.exports = {
-  plugins: [
-    AutoImport({
-      resolvers: [VantResolver()],
-    }),
-    Components({
-      resolvers: [VantResolver()],
-    }),
-  ],
-};
-```
-
-### Rspack
-
-```ts
-// rspack.config.js
-import AutoImport from 'unplugin-auto-import/rspack';
-import Components from 'unplugin-vue-components/rspack';
-import { VantResolver } from '@vant/auto-import-resolver';
-
-module.exports = {
-  plugins: [
-    AutoImport({
-      resolvers: [VantResolver()],
-    }),
-    Components({
-      resolvers: [VantResolver()],
-    }),
-  ],
-};
-```
-
-### Vue CLI
-
-```ts
-// vue.config.js
-import AutoImport from 'unplugin-auto-import/webpack';
-import Components from 'unplugin-vue-components/webpack';
-import { VantResolver } from '@vant/auto-import-resolver';
-
-module.exports = {
-  configureWebpack: {
-    plugins: [
-      AutoImport({
-        resolvers: [VantResolver()],
-      }),
-      Components({
-        resolvers: [VantResolver()],
-      }),
-    ],
-  },
-};
-```
-
-### esbuild
-
-```ts
-// esbuild.config.js
-import { build } from 'esbuild';
-import AutoImport from 'unplugin-auto-import/esbuild';
-import Components from 'unplugin-vue-components/esbuild';
-import { VantResolver } from '@vant/auto-import-resolver';
-
-build({
-  plugins: [
-    AutoImport({
-      resolvers: [VantResolver()],
-    }),
-    Components({
-      resolvers: [VantResolver()],
-    }),
-  ],
-});
-```
-
-## 选项
-
-### importStyle
-
-是否自动引用组件对应的样式。
-
-- **Type：** `boolean`
-- **Default：** `true`
-- **Example：**
-
-```ts
-Components({
-  resolvers: [
-    VantResolver({
-      // 禁用样式引用
-      importStyle: false,
-    }),
-  ],
-});
-```
-
-### module
-
-设置引用的模块类型。
-
-- **Type：** `'esm' | 'cjs'`
-- **Default：** `'esm'`
-- **Example：**
-
-```ts
-Components({
-  resolvers: [
-    VantResolver({
-      module: 'cjs',
-    }),
-  ],
-});
-```
-
-### ssr
-
-- **Type：** `boolean`
-- **Default：** `undefined`
-
-此选项已废弃，请使用 `module` 选项来设置模块类型。

packages/vant-auto-import-resolver/build.js

@@ -1 +0,0 @@
-require('../vant-use/build');

packages/vant-auto-import-resolver/package.json

@@ -1,45 +0,0 @@
-{
-  "name": "@vant/auto-import-resolver",
-  "version": "1.2.1",
-  "description": "Vant auto import resolver based on unplugin-vue-components",
-  "main": "dist/index.cjs.js",
-  "module": "dist/index.esm.mjs",
-  "typings": "dist/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.esm.mjs",
-      "require": "./dist/index.cjs.js"
-    }
-  },
-  "sideEffects": false,
-  "files": [
-    "dist"
-  ],
-  "scripts": {
-    "clean": "rimraf ./dist",
-    "dev": "node ./build.js -w",
-    "build:types": "tsc -p ./tsconfig.json --emitDeclarationOnly",
-    "build:bundle": "node ./build.js",
-    "build": "pnpm clean && pnpm build:bundle && pnpm build:types",
-    "release": "vant-cli release",
-    "prepare": "pnpm build"
-  },
-  "publishConfig": {
-    "access": "public",
-    "registry": "https://registry.npmjs.org/"
-  },
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/vant-ui/vant.git",
-    "directory": "packages/vant-auto-import-resolver"
-  },
-  "homepage": "https://github.com/youzan/vant/blob/main/packages/vant-auto-import-resolver/README.md",
-  "bugs": "https://github.com/vant-ui/vant/issues",
-  "author": "chenjiahan",
-  "license": "MIT",
-  "devDependencies": {
-    "rimraf": "^5.0.9",
-    "typescript": "^5.4.5"
-  }
-}

packages/vant-auto-import-resolver/src/index.ts

@@ -1,136 +0,0 @@
-export interface VantResolverOptions {
-  /**
-   * Whether to automatically import the corresponding styles of the components.
-   *
-   * @default true
-   */
-  importStyle?:
-    | boolean
-    | 'css'
-    /** Compatible with Vant 2.x / 3.x */
-    | 'less';
-
-  /**
-   * Set the referenced module type.
-   *
-   * @default 'esm'
-   */
-  module?: 'esm' | 'cjs';
-
-  /**
-   * @deprecated Please use `module` option instead.
-   */
-  ssr?: boolean;
-}
-
-export type VantImportsOptions = Pick<VantResolverOptions, 'module' | 'ssr'>;
-
-/**
- * Button->button; ButtonGroup->button-group
- */
-function kebabCase(key: string) {
-  const result = key.replace(/([A-Z])/g, ' $1').trim();
-  return result.split(' ').join('-').toLowerCase();
-}
-
-function getModuleType(options: VantResolverOptions): string {
-  const { ssr, module = 'esm' } = options;
-
-  // compatible with the deprecated `ssr` option
-  if (ssr !== undefined) {
-    return ssr ? 'lib' : 'es';
-  }
-
-  return module === 'cjs' ? 'lib' : 'es';
-}
-
-function getSideEffects(dirName: string, options: VantResolverOptions) {
-  const { importStyle = true } = options;
-
-  if (!importStyle) {
-    return;
-  }
-
-  const moduleType = getModuleType(options);
-
-  if (importStyle === 'less') return `vant/${moduleType}/${dirName}/style/less`;
-
-  return `vant/${moduleType}/${dirName}/style/index`;
-}
-
-function getAPIMap() {
-  const apiMap = new Map<string, string>();
-
-  const api = {
-    dialog: [
-      'showDialog',
-      'closeDialog',
-      'showConfirmDialog',
-      'setDialogDefaultOptions',
-      'resetDialogDefaultOptions',
-    ],
-    imagePreview: ['showImagePreview'],
-    notify: [
-      'showNotify',
-      'closeNotify',
-      'setNotifyDefaultOptions',
-      'resetNotifyDefaultOptions',
-    ],
-    toast: [
-      'showToast',
-      'closeToast',
-      'showFailToast',
-      'showLoadingToast',
-      'showSuccessToast',
-      'allowMultipleToast',
-      'setToastDefaultOptions',
-      'resetToastDefaultOptions',
-    ],
-  };
-
-  Object.entries(api).forEach(([importName, apiList]) => {
-    apiList.forEach((api) => {
-      apiMap.set(api, importName);
-    });
-  });
-
-  return apiMap;
-}
-
-export function VantResolver(options: VantResolverOptions = {}) {
-  const moduleType = getModuleType(options);
-  const apiMap = getAPIMap();
-
-  return {
-    type: 'component' as const,
-
-    resolve: (name: string) => {
-      if (name.startsWith('Van')) {
-        const partialName = name.slice(3);
-        return {
-          name: partialName,
-          from: `vant/${moduleType}`,
-          sideEffects: getSideEffects(kebabCase(partialName), options),
-        };
-      }
-
-      // import API
-      if (apiMap.has(name)) {
-        const partialName = apiMap.get(name)!;
-        return {
-          name,
-          from: `vant/${moduleType}`,
-          sideEffects: getSideEffects(kebabCase(partialName), options),
-        };
-      }
-    },
-  };
-}
-
-export function VantImports(options: VantImportsOptions = {}) {
-  const moduleType = getModuleType(options);
-
-  return {
-    [`vant/${moduleType}`]: [...getAPIMap().keys()],
-  };
-}

packages/vant-auto-import-resolver/tsconfig.json

@@ -1,9 +0,0 @@
-{
-  "extends": "../../tsconfig",
-  "compilerOptions": {
-    "outDir": "./dist",
-    "declaration": true
-  },
-  "include": ["src/**/*"],
-  "exclude": ["**/node_modules", "**/.*/"]
-}

packages/vant-auto-import-resolver/vant.config.mjs

@@ -1,5 +0,0 @@
-export default {
-  build: {
-    packageManager: 'pnpm',
-  },
-};

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

@@ -32,9 +32,6 @@ yarn add @vant/cli -D
 
 # via pnpm
 pnpm add @vant/cli -D
-
-# via Bun
-bun add @vant/cli -D
 ```
 
 Please add the followed config to `package.json` file.
@@ -46,7 +43,7 @@ Please add the followed config to `package.json` file.
     "test": "vant-cli test",
     "lint": "vant-cli lint",
     "build": "vant-cli build",
-    "prepare": "husky",
+    "prepare": "husky install",
     "release": "vant-cli release",
     "build-site": "vant-cli build-site"
   },
@@ -68,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)
-- [config](https://github.com/vant-ui/vant/tree/main/packages/vant-cli/docs/config.md)
-- [directory structure](https://github.com/vant-ui/vant/tree/main/packages/vant-cli/docs/directory.md)
-- [CHANGELOG](https://github.com/vant-ui/vant/tree/main/packages/vant-cli/changelog.md)
+- [cli](https://github.com/vant-ui/vant/tree/dev/packages/vant-cli/docs/commands.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/dev/packages/vant-cli/docs/directory.md)
+- [CHANGELOG](https://github.com/vant-ui/vant/tree/dev/packages/vant-cli/changelog.md)

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

@@ -29,9 +29,6 @@ yarn add @vant/cli -D
 
 # 通过 pnpm
 pnpm add @vant/cli -D
-
-# 通过 Bun
-bun add @vant/cli -D
 ```
 
 安装完成后，请将以下配置添加到 package.json 文件中
@@ -43,7 +40,7 @@ bun add @vant/cli -D
     "test": "vant-cli test",
     "lint": "vant-cli lint",
     "build": "vant-cli build",
-    "prepare": "husky",
+    "prepare": "husky install",
     "release": "vant-cli release",
     "build-site": "vant-cli build-site"
   },
@@ -65,7 +62,7 @@ bun 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/main/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/main/packages/vant-cli/changelog.md)
+- [命令](https://github.com/vant-ui/vant/tree/dev/packages/vant-cli/docs/commands.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/dev/packages/vant-cli/docs/directory.zh-CN.md)
+- [更新日志](https://github.com/vant-ui/vant/tree/dev/packages/vant-cli/changelog.md)

packages/vant-cli/changelog.md

@@ -1,104 +1,14 @@
 # 更新日志
 
-## v7.0.3
-
-`2024-05-18`
-
-- 修复 scopedId 生成异常
-
-## v7.0.2
-
-`2024-04-20`
-
-- 支持读取 `rsbuild.config.*` 配置文件
-- 支持编译 Vue SFC scopeId
-
-## v7.0.1
-
-`2024-04-14`
-
-- 修复 tsconfig 导致的编译错误
-
-## v7.0.0
-
-`2024-04-14`
-
-请注意，由于 Vant 仓库自身 workflow 的变化，Vant CLI v7 包含了较大的 breaking changes。
-
-如果你在使用 Vant CLI v6，可以基于 v6 版本 fork 进行使用。你可以在 [vant_cli_v6](https://github.com/youzan/vant/tree/vant_cli_v6) 分支上找到 v6 代码。
-
-- 站点的构建工具切换为 [Rsbuild](https://github.com/web-infra-dev/rsbuild)
-- 移除 vant-cli test 命令
-- 移除 vant-cli release 命令
-- 移除 vant-cli changelog 命令
-- 升级 commander v11
-- 升级 markdown-it v13
-
-## v6.2.0
-
-`2023-07-29`
-
-- 支持替换 dynamic import 中的文件后缀
-- 升级 vite v4.4
-- 升级 esbuild v0.18
-- 升级 prettier v3
-
-## v6.1.0
-
-`2023-03-19`
-
-- 升级 typescript v5
-- 升级 esbuild v0.17
-- 升级 vite v4.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
+## v5.0.0 (未发布)
 
 ### 依赖升级
 
-`2022-10-06`
-
 对以下依赖进行了大版本升级：
 
-- vite: 由 v2 升级至 v3
-- jest: 由 v27 升级至 v29
-- @vitejs/plugin-vue: 由 v2 升级至 v3
-- @vitejs/plugin-vue-jsx: 由 v1 升级至 v2
+- vite v3
+- @vitejs/plugin-vue v3
+- @vitejs/plugin-vue-jsx v2
 
 ### 依赖精简
 

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

@@ -0,0 +1,47 @@
+const { join } = require('path');
+const { existsSync } = require('fs');
+const { ROOT } = require('./shared.cjs');
+
+const JEST_SETUP_FILE = join(__dirname, 'jest.setup.cjs');
+const JEST_FILE_MOCK_FILE = join(__dirname, 'jest.file-mock.cjs');
+const JEST_STYLE_MOCK_FILE = join(__dirname, 'jest.style-mock.cjs');
+
+const DEFAULT_CONFIG = {
+  testEnvironment: 'jsdom',
+  moduleNameMapper: {
+    '\\.(css|less|scss)$': JEST_STYLE_MOCK_FILE,
+    '\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$':
+      JEST_FILE_MOCK_FILE,
+  },
+  setupFilesAfterEnv: [JEST_SETUP_FILE],
+  moduleFileExtensions: ['js', 'jsx', 'vue', 'ts', 'tsx'],
+  transform: {
+    '\\.(js|jsx|ts|tsx|vue)$':
+      '<rootDir>/node_modules/@vant/cli/cjs/jest.transformer.cjs',
+  },
+  transformIgnorePatterns: ['/node_modules/(?!(@vant/cli))/'],
+  snapshotSerializers: ['jest-serializer-html'],
+  collectCoverage: true,
+  collectCoverageFrom: [
+    'src/**/*.{js,jsx,ts,tsx,vue}',
+    '!**/demo/**',
+    '!**/test/**',
+  ],
+  coverageReporters: ['html', 'lcov', 'text-summary'],
+  coverageDirectory: './test/coverage',
+};
+
+function readRootConfig() {
+  const ROOT_CONFIG_PATH = join(ROOT, 'jest.config.js');
+
+  if (existsSync(ROOT_CONFIG_PATH)) {
+    return require(ROOT_CONFIG_PATH);
+  }
+
+  return {};
+}
+
+module.exports = {
+  ...DEFAULT_CONFIG,
+  ...readRootConfig(),
+};

packages/vant-cli/cjs/jest.file-mock.cjs

@@ -0,0 +1 @@
+module.exports = 'test-file-stub';

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

@@ -0,0 +1 @@
+require('jest-canvas-mock');

packages/vant-cli/cjs/jest.style-mock.js

@@ -0,0 +1 @@
+module.exports = {};

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

@@ -0,0 +1,92 @@
+const sfc = require('vue/compiler-sfc');
+const babel = require('@babel/core');
+const esbuild = require('esbuild');
+const nodePath = require('path');
+
+const isJsxFile = (path) => /\.(j|t)sx$/.test(path);
+const isTsxFile = (path) => /\.tsx$/.test(path);
+const isVueFile = (path) => /\.vue$/.test(path);
+
+const transformJsx = (code, path) => {
+  const babelResult = babel.transformSync(code, {
+    filename: path,
+    babelrc: false,
+    presets: isTsxFile(path) ? ['@babel/preset-typescript'] : [],
+    plugins: [['@vue/babel-plugin-jsx']],
+  });
+  return babelResult?.code || '';
+};
+
+const transformSFC = (code, path) => {
+  const parsedPath = nodePath.parse(path);
+  const { descriptor, errors } = sfc.parse(code, {
+    filename: parsedPath.base,
+    sourceRoot: parsedPath.dir,
+  });
+
+  if (errors.length) {
+    errors.forEach((error) => console.error(error));
+    return '';
+  }
+
+  const output = [];
+  let bindingMetadata = {};
+
+  if (descriptor.script) {
+    const content = descriptor.script.content.replace(
+      'export default',
+      'const script ='
+    );
+    output.push(content);
+  } else if (descriptor.scriptSetup) {
+    const result = sfc.compileScript(descriptor, {
+      id: 'mock',
+    });
+
+    const content = result.content.replace('export default', 'const script =');
+    output.push(content);
+
+    if (result.bindings) {
+      bindingMetadata = result.bindings;
+    }
+  } else {
+    output.push(`const script = {};`);
+  }
+
+  if (descriptor.template) {
+    const render = sfc.compileTemplate({
+      id: 'mock',
+      source: descriptor.template.content,
+      filename: path,
+      compilerOptions: {
+        bindingMetadata,
+      },
+    }).code;
+    output.push(render);
+    output.push('script.render = render;');
+  }
+
+  output.push('export default script;');
+
+  return output.join('\n');
+};
+
+const transformScript = (code) =>
+  esbuild.transformSync(code, {
+    target: 'es2016',
+    format: 'cjs',
+    loader: 'ts',
+  }).code;
+
+module.exports = {
+  canInstrument: true,
+  process(code, path) {
+    if (isVueFile(path)) {
+      code = transformSFC(code, path);
+    }
+    if (isJsxFile(path)) {
+      code = transformJsx(code, path);
+    }
+    return transformScript(code);
+  },
+};

packages/vant-cli/cjs/md-loader.cjs

@@ -1,106 +0,0 @@
-const hljs = require('highlight.js');
-const MarkdownIt = require('markdown-it');
-
-function markdownCardWrapper(htmlCode) {
-  const group = htmlCode
-    .replace(/<h3/g, ':::<h3')
-    .replace(/<h2/g, ':::<h2')
-    .split(':::');
-
-  return group
-    .map((fragment) => {
-      if (fragment.indexOf('<h3') !== -1) {
-        return `<div class="van-doc-card">${fragment}</div>`;
-      }
-
-      return fragment;
-    })
-    .join('');
-}
-
-function markdownHighlight(str, lang) {
-  if (lang && hljs.getLanguage(lang)) {
-    // https://github.com/highlightjs/highlight.js/issues/2277
-    return hljs.highlight(str, { language: lang, ignoreIllegals: true }).value;
-  }
-  return '';
-}
-
-const initMarkdownIt = () => {
-  const md = new MarkdownIt({
-    html: true,
-    linkify: true,
-    typographer: false,
-    highlight: markdownHighlight,
-  });
-
-  const { slugify } = require('transliteration');
-  const markdownItAnchor = require('markdown-it-anchor');
-
-  markdownLinkOpen(md);
-
-  md.use(markdownItAnchor, {
-    level: 2,
-    slugify,
-  });
-
-  return md;
-};
-
-const md = initMarkdownIt();
-
-const markdownToJs = (raw) => {
-  let html = md.render(raw);
-  html = markdownCardWrapper(html);
-
-  return `
-  import { openBlock, createElementBlock } from 'vue';
-
-const _hoisted_1 = ['innerHTML'];
-const html = ${JSON.stringify(html)};
-
-export default {
-  setup() {
-    return { html: '' };
-  },
-  render() {
-    return (
-      openBlock(),
-      createElementBlock(
-        'div',
-        {
-          class: 'van-doc-markdown-body',
-          innerHTML: html,
-        },
-        null,
-        8 /* PROPS */,
-        _hoisted_1,
-      )
-    );
-  },
-};
-  `
-};
-
-// add target="_blank" to all links
-function markdownLinkOpen(md) {
-  const defaultRender = md.renderer.rules.link_open;
-
-  md.renderer.rules.link_open = (tokens, idx, options, env, self) => {
-    const aIndex = tokens[idx].attrIndex('target');
-
-    if (aIndex < 0) {
-      tokens[idx].attrPush(['target', '_blank']); // add new attribute
-    }
-
-    if (defaultRender) {
-      return defaultRender(tokens, idx, options, env, self);
-    }
-
-    return self.renderToken(tokens, idx, options);
-  };
-}
-
-module.exports = function (raw) {
-  return markdownToJs(raw);
-};

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) => {
-      if (typeof plugin === 'object') {
-        return plugin.postcssPlugin === 'autoprefixer';
-      }
-      return plugin === 'autoprefixer';
-    });
-    if (hasAutoprefixerPlugin) {
+    const hasPostcssPlugin = plugins.find(
+      (plugin) =>
+        plugin === 'autoprefixer' && plugin.postcssPlugin === 'autoprefixer'
+    );
+    if (hasPostcssPlugin) {
       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.
 
@@ -48,8 +48,16 @@ Build documentation website. Files will be output to `site` directory.
 
 ### release
 
-Publish to npm. `build` will be automatically execute when run `release`.
+Publish to npm. `build` and `changelog` will be automatically execute when run `release`.
+
+### changelog
+
+Generate changelog based on commit records.
 
 ### commit-lint
 
 Validate the format of commit message. Need `husky` to do this.
+
+```bash
+npx husky add .husky/commit-msg 'npx --no-install vant-cli commit-lint $1'
+```

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 包能被正确识别:
 
@@ -50,8 +50,16 @@ npx vant-cli dev
 
 ### release
 
-发布组件库，发布前会自动执行 build 命令，并按照流程发布 npm 包。
+发布组件库，发布前会自动执行 build 和 changelog 命令，并通过 [release-it](https://github.com/release-it/release-it) 发布 npm 包。
+
+### changelog
+
+基于 commit 记录生成更新日志，基于 [conventional-changelog](https://github.com/conventional-changelog/conventional-changelog) 实现。
 
 ### commit-lint
 
 校验 commit message 的格式是否符合规范，需要配合 `husky` 在提交 commit 时触发。
+
+```bash
+npx husky add .husky/commit-msg 'npx --no-install vant-cli commit-lint $1'
+```

packages/vant-cli/docs/config.md

@@ -1,8 +1,6 @@
 # Config
 
 - [Config](#----)
-  - [rsbuild.config.mjs](#rsbuildconfigmjs)
-  - [vite.config.mjs](#viteconfigmjs)
   - [vant.config.mjs](#vantconfigmjs)
     - [name](#name)
     - [build.css.base](#buildcssbase)
@@ -10,6 +8,7 @@
     - [build.site.publicPath](#buildsitepublicpath)
     - [build.srcDir](#buildsrcdir)
     - [build.namedExport](#buildnamedexport)
+    - [build.configureVite](#buildconfigurevite)
     - [build.packageManager](#buildpackagemanager)
     - [site.title](#sitetitle)
     - [site.logo](#sitelogo)
@@ -17,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)
@@ -25,34 +25,6 @@
     - [Default Config](#-----1)
   - [browserslist](#browserslist)
 
-## rsbuild.config.mjs
-
-Vant CLI uses [Rsbuild](https://github.com/web-infra-dev/rsbuild) to build the documentation site. You can create an Rsbuild configuration file in the same directory as `vant.config.mjs`. The contents of the file will be automatically read by Vant CLI.
-
-```js
-// rsbuild.config.mjs or rsbuild.config.ts
-export default {
-  plugins: [
-    // Configure Rsbuild plugins
-  ],
-  dev: {
-    // Options related to local development
-  },
-  html: {
-    // Options related to HTML generation
-  },
-  // Other options
-};
-```
-
-> Please refer to [Configure Rsbuild](https://rsbuild.dev/guide/basic/configure-rsbuild) for more information.
-
-## vite.config.mjs
-
-Vant Cli uses Vite to build component library code. You can create a Vite configuration file in the same directory as `vant.config.mjs`. In this file, you can add any Vite configuration.
-
-> Please refer to [Vite Configuration](https://vitejs.dev/config/) to learn more.
-
 ## vant.config.mjs
 
 `vant.config.mjs` includes bundle and documentation site config. Please create this file and place it in your project root directory. Here is a basic example:
@@ -205,28 +177,47 @@ 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;
     },
   },
 };
 ```
 
-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).
+```js
+module.exports = {
+  build: {
+    configureVite(config) {
+      const { BUILD_TARGET } = process.env;
+
+      if (BUILD_TARGET === 'package') {
+        // component library bundle config
+      }
+
+      if (BUILD_TARGET === 'site') {
+        // documentation site bundle config
+      }
+
+      return config;
+    },
+  },
+};
+```
 
 ### build.packageManager
 
-- Type: `'npm' | 'yarn' | 'pnpm' | 'bun'`
-- Default: `yarn`
+- Type: `'npm' | 'yarn' | 'pnpm'`
+- Default: `undefined`
 
 `npm` package manager.
 
@@ -334,7 +325,7 @@ module.exports = {
     versions: [
       {
         label: 'v1',
-        link: '/v1/',
+        link: 'https://vant-ui.github.io/vant/v1/',
       },
     ],
   },
@@ -361,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

@@ -1,8 +1,6 @@
 # 配置指南
 
 - [配置指南](#----)
-  - [rsbuild.config.mjs](#rsbuildconfigmjs)
-  - [vite.config.mjs](#viteconfigmjs)
   - [vant.config.mjs](#vantconfigmjs)
     - [name](#name)
     - [build.css.base](#buildcssbase)
@@ -10,6 +8,7 @@
     - [build.site.publicPath](#buildsitepublicpath)
     - [build.srcDir](#buildsrcdir)
     - [build.namedExport](#buildnamedexport)
+    - [build.configureVite](#buildconfigurevite)
     - [build.packageManager](#buildpackagemanager)
     - [site.title](#sitetitle)
     - [site.logo](#sitelogo)
@@ -17,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)
@@ -25,34 +25,6 @@
     - [默认配置](#-----1)
   - [browserslist](#browserslist)
 
-## rsbuild.config.mjs
-
-Vant CLI 使用 [Rsbuild](https://github.com/web-infra-dev/rsbuild) 来构建文档站点，你可以在 `vant.config.mjs` 的同级目录下创建 Rsbuild 的配置文件，文件内容会被 Vant CLI 自动读取。
-
-```js
-// rsbuild.config.mjs 或 rsbuild.config.ts
-export default {
-  plugins: [
-    // 配置 Rsbuild 插件
-  ],
-  dev: {
-    // 与本地开发有关的选项
-  },
-  html: {
-    // 与 HTML 生成有关的选项
-  },
-  // 其他选项
-};
-```
-
-> 请参考 [配置 Rsbuild](https://rsbuild.dev/zh/guide/basic/configure-rsbuild) 了解更多。
-
-## vite.config.mjs
-
-Vant Cli 使用 Vite 来构建组件库代码，你可以在 `vant.config.mjs` 的同级目录下创建 Vite 的配置文件，在该文件中你可以添加任意的 Vite 配置。
-
-> 请参考 [Vite 配置](https://vitejs.dev/config/) 了解更多。
-
 ## vant.config.mjs
 
 `vant.config.mjs` 中包含了 `vant-cli` 的打包配置和文档站点配置，请创建此文件并置于项目根目录下。下面是一份基本配置的示例：
@@ -203,10 +175,51 @@ module.exports = {
 
 开启此选项后，会通过 `export * from 'xxx'` 导出组件内部的所有模块、类型定义。
 
+### build.configureVite
+
+- Type: `(config: InlineConfig): InlineConfig`
+- Default: `undefined`
+
+vant-cli 使用 vite 来构建组件库和文档站点，通过 `configureVite` 选项可以自定义 vite 配置（从 4.0.0 版本开始支持）。
+
+```js
+module.exports = {
+  build: {
+    configureVite(config) {
+      // 添加一个自定义插件
+      config.plugins.push(vitePluginXXX);
+      return config;
+    },
+  },
+};
+```
+
+在自定义配置时，可以通过 `process.env.BUILD_TARGET` 对构建目标进行区分：
+
+```js
+module.exports = {
+  build: {
+    configureVite(config) {
+      const { BUILD_TARGET } = process.env;
+
+      if (BUILD_TARGET === 'package') {
+        // 修改组件库构建配置
+      }
+
+      if (BUILD_TARGET === 'site') {
+        // 修改文档站点构建配置
+      }
+
+      return config;
+    },
+  },
+};
+```
+
 ### build.packageManager
 
-- Type: `'npm' | 'yarn' | 'pnpm' | 'bun'`
-- Default: `yarn`
+- Type: `'npm' | 'yarn' | 'pnpm'`
+- Default: `undefined`
 
 指定使用的包管理器。
 
@@ -314,7 +327,7 @@ module.exports = {
     versions: [
       {
         label: 'v1',
-        link: '/v1/',
+        link: 'https://vant-ui.github.io/vant/v1/',
       },
     ],
   },
@@ -341,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": "7.0.3",
+  "version": "4.0.4",
   "type": "module",
   "main": "lib/index.js",
   "typings": "lib/index.d.ts",
@@ -8,18 +8,19 @@
     "vant-cli": "./bin.js"
   },
   "engines": {
-    "node": ">=16.0.0"
+    "node": "^14.16.0 || >=16.0.0"
   },
   "scripts": {
     "dev": "tsc --watch",
     "build": "rimraf ./lib && tsc",
-    "release": "rm -rf ./site/node_modules && vant-cli release",
+    "release": "pnpm build & release-it",
     "prepare": "pnpm build"
   },
   "files": [
     "lib",
     "cjs",
     "site",
+    "template",
     "bin.js"
   ],
   "keywords": [
@@ -38,52 +39,61 @@
   "author": "chenjiahan",
   "license": "MIT",
   "devDependencies": {
-    "@types/fs-extra": "^11.0.4",
-    "@types/less": "^3.0.6",
-    "@types/lodash": "^4.17.7",
-    "@types/markdown-it": "^13.0.8",
-    "rimraf": "^5.0.9",
-    "vue": "^3.4.33"
+    "@jest/types": "^27.5.1",
+    "@types/fs-extra": "^9.0.13",
+    "@types/less": "^3.0.3",
+    "@types/markdown-it": "^12.2.3",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "vue": "^3.2.38"
   },
   "dependencies": {
-    "@babel/core": "^7.24.9",
-    "@babel/preset-typescript": "^7.24.7",
-    "@rsbuild/core": "1.0.1-beta.3",
-    "@rsbuild/plugin-babel": "1.0.1-beta.3",
-    "@rsbuild/plugin-less": "1.0.1-beta.3",
-    "@rsbuild/plugin-sass": "1.0.1-beta.3",
-    "@rsbuild/plugin-vue": "1.0.1-beta.3",
-    "@rsbuild/plugin-vue-jsx": "1.0.1-beta.3",
-    "@vant/eslint-config": "workspace:^",
-    "@vant/touch-emulator": "workspace:^",
-    "@vitejs/plugin-vue": "^5.0.5",
-    "@vitejs/plugin-vue-jsx": "^4.0.0",
-    "@vue/babel-plugin-jsx": "^1.2.2",
-    "autoprefixer": "^10.4.19",
-    "commander": "^12.1.0",
-    "rslog": "^1.2.2",
-    "esbuild": "^0.20.2",
-    "eslint": "^8.57.0",
-    "enquirer": "2.4.1",
-    "fast-glob": "^3.3.2",
-    "fs-extra": "^11.2.0",
+    "@babel/core": "^7.18.13",
+    "@babel/preset-typescript": "^7.18.6",
+    "@docsearch/css": "^3.2.1",
+    "@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": "^3.0.3",
+    "@vitejs/plugin-vue-jsx": "^2.0.1",
+    "@vue/babel-plugin-jsx": "^1.1.1",
+    "autoprefixer": "^10.4.8",
+    "commander": "^9.4.0",
+    "consola": "^2.15.3",
+    "conventional-changelog": "^3.1.25",
+    "esbuild": "^0.14.54",
+    "eslint": "^8.23.0",
+    "execa": "^5.1.1",
+    "fast-glob": "^3.2.11",
+    "fs-extra": "^10.1.0",
     "hash-sum": "^2.0.0",
-    "highlight.js": "^11.10.0",
-    "husky": "^9.1.1",
-    "less": "^4.2.0",
-    "lodash": "^4.17.21",
-    "markdown-it": "^14.1.0",
-    "markdown-it-anchor": "^9.0.1",
+    "highlight.js": "^11.6.0",
+    "husky": "^8.0.1",
+    "jest": "^27.5.1",
+    "jest-canvas-mock": "^2.4.0",
+    "jest-serializer-html": "^7.1.0",
+    "less": "^4.1.3",
+    "markdown-it": "^12.3.2",
+    "markdown-it-anchor": "^8.6.4",
     "nano-staged": "^0.8.0",
-    "picocolors": "^1.0.1",
-    "postcss": "^8.4.39",
-    "postcss-load-config": "^6.0.1",
-    "prettier": "^3.3.3",
-    "rspack-plugin-virtual-module": "^0.1.13",
-    "terser": "^5.31.3",
+    "nanospinner": "^1.1.0",
+    "picocolors": "^1.0.0",
+    "postcss": "^8.4.16",
+    "postcss-load-config": "^3.1.4",
+    "prettier": "^2.7.1",
+    "release-it": "^15.4.1",
     "transliteration": "^2.3.5",
-    "typescript": "^5.4.5",
-    "vite": "^5.3.4",
-    "vue-router": "^4.4.0"
+    "typescript": "^4.8.2",
+    "vite": "^3.0.9",
+    "vite-plugin-html": "^2.1.2",
+    "vite-plugin-md": "^0.11.9",
+    "vue-router": "^4.1.5"
+  },
+  "release-it": {
+    "git": {
+      "tag": false,
+      "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:
-    'Open Sans',
-    -apple-system,
-    BlinkMacSystemFont,
-    'Helvetica Neue',
-    Helvetica,
-    Segoe UI,
-    Arial,
-    Roboto,
-    'PingFang SC',
-    'miui',
-    'Hiragino Sans GB',
-    'Microsoft Yahei',
-    sans-serif;
+  font-family: 'Open Sans', -apple-system, 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,5 +1,4 @@
-:root,
-:host {
+body {
   // colors
   --van-doc-black: #000;
   --van-doc-white: #fff;
@@ -13,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 {
@@ -50,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

@@ -11,11 +11,6 @@
       :dark-mode-class="darkModeClass"
     >
       <router-view />
-      <div class="van-doc-icp" v-if="icpLicense">
-        <a :href="icpLicense.link" target="_black">
-          {{ icpLicense.text }}
-        </a>
-      </div>
     </van-doc>
   </div>
 </template>
@@ -69,13 +64,6 @@ export default {
       return config.site;
     },
 
-    icpLicense() {
-      if (this.lang === 'zh-CN') {
-        return config.site.icpLicense;
-      }
-      return null;
-    },
-
     versions() {
       return config.site.versions || null;
     },
@@ -119,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) {
@@ -156,13 +144,4 @@ export default {
     margin-bottom: 20px;
   }
 }
-
-.van-doc-icp {
-  font-size: 14px;
-  text-align: center;
-
-  a {
-    color: #bbb;
-  }
-}
 </style>

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);
-  padding: 28px 28px 32px;
+  margin-bottom: 24px;
+  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;
-    -webkit-font-smoothing: auto;
-    font-family: var(--van-doc-code-font-family);
+    border-radius: 4px;
+    -webkit-font-smoothing: antialiased;
   }
 
   > blockquote {
     margin: 16px 0 0;
     padding: 16px;
-    font-size: 15px;
-    line-height: 26px;
+    font-size: 14px;
     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:
-          opacity 0.2s,
-          background 0.2s;
+        transition: 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.documentElement.classList.add(`van-doc-theme-${newVal}`);
+        document.body.classList.remove(`van-doc-theme-${oldVal}`);
+        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 () {
@@ -29,5 +32,6 @@
   </head>
   <body>
     <div id="app"></div>
+    <script type="module" src="/desktop/main.js"></script>
   </body>
 </html>

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) {
@@ -37,5 +41,6 @@
   </head>
   <body>
     <div id="app"></div>
+    <script type="module" src="/mobile/main.js"></script>
   </body>
 </html>

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.documentElement.classList.add(`van-doc-theme-${newVal}`);
+        document.body.classList.remove(`van-doc-theme-${oldVal}`);
+        document.body.classList.add(`van-doc-theme-${newVal}`);
 
-        const { darkModeClass, lightModeClass } = config.site;
+        const { darkModeClass } = config.site;
         if (darkModeClass) {
-          document.documentElement.classList.toggle(
-            darkModeClass,
-            newVal === 'dark',
-          );
-        }
-        if (lightModeClass) {
-          document.documentElement.classList.toggle(
-            lightModeClass,
-            newVal === 'light',
-          );
+          document.body.classList.toggle(darkModeClass, newVal === 'dark');
         }
       },
-      { 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">
-      {{ title }}
-    </h2>
+    <h2 v-if="title" class="van-doc-demo-block__title">{{ 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/site/tsconfig.json

@@ -0,0 +1,6 @@
+{
+  "extends": "../tsconfig.json",
+  "compilerOptions": {
+    "allowJs": true
+  }
+}

packages/vant-cli/src/cli.ts

@@ -22,6 +22,35 @@ program
     return lint();
   });
 
+program
+  .command('test')
+  .description('Run unit tests through jest')
+  .option(
+    '--watch',
+    'Watch files for changes and rerun tests related to changed files'
+  )
+  .option(
+    '--clearCache',
+    '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'
+  )
+  .option(
+    '--logHeapUsage',
+    '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'
+  )
+  .option('--debug', 'Print debugging info about your Jest config')
+  .action(async (options) => {
+    const { test } = await import('./commands/jest.js');
+    return test(options);
+  });
+
 program
   .command('clean')
   .description('Clean all dist files')
@@ -42,7 +71,6 @@ program
   .command('release')
   .description('Compile components and release it')
   .option('--tag <tag>', 'Release tag')
-  .option('--gitTag', 'Generate git tag')
   .action(async (options) => {
     const { release } = await import('./commands/release.js');
     return release(options);
@@ -56,6 +84,14 @@ program
     return buildSite();
   });
 
+program
+  .command('changelog')
+  .description('Generate changelog')
+  .action(async () => {
+    const { changelog } = await import('./commands/changelog.js');
+    return changelog();
+  });
+
 program
   .command('commit-lint <gitParams>')
   .description('Lint commit message')

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

@@ -1,9 +1,9 @@
 import fse from 'fs-extra';
-import { logger } from 'rslog';
-import { execSync } from 'child_process';
-import { join, relative } from 'node:path';
+import execa from 'execa';
+import { join, relative } from 'path';
 import { clean } from './clean.js';
 import { CSS_LANG } from '../common/css.js';
+import { createSpinner, consola } from '../common/logger.js';
 import { installDependencies } from '../common/manager.js';
 import { compileSfc } from '../compiler/compile-sfc.js';
 import { compileStyle } from '../compiler/compile-style.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,9 +104,7 @@ async function buildTypeDeclarations() {
   const tsConfig = join(process.cwd(), 'tsconfig.declaration.json');
 
   if (existsSync(tsConfig)) {
-    execSync(`tsc -p ${tsConfig}`, {
-      stdio: 'inherit',
-    });
+    await execa('tsc', ['-p', tsConfig]);
   }
 }
 
@@ -181,19 +179,20 @@ const tasks = [
 async function runBuildTasks() {
   for (let i = 0; i < tasks.length; i++) {
     const { task, text } = tasks[i];
+    const spinner = createSpinner(text).start();
 
     try {
       /* eslint-disable no-await-in-loop */
       await task();
-      logger.ready(text);
+      spinner.success({ text });
     } catch (err) {
-      logger.error(text);
-      logger.error(err);
+      spinner.error({ text });
+      console.log(err);
       throw err;
     }
   }
 
-  logger.success('Build all files');
+  consola.success('Compile successfully');
 }
 
 export async function build() {
@@ -204,7 +203,7 @@ export async function build() {
     await installDependencies();
     await runBuildTasks();
   } catch (err) {
-    logger.error('Build failed');
+    consola.error('Build failed');
     process.exit(1);
   }
 }

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

@@ -0,0 +1,77 @@
+import { join, dirname } from 'path';
+import { fileURLToPath } from 'url';
+import { ROOT } from '../common/constant.js';
+import { createSpinner, slimPath } from '../common/logger.js';
+import { createWriteStream, readFileSync } from 'fs';
+import conventionalChangelog from 'conventional-changelog';
+
+const DIST_FILE = join(ROOT, './changelog.generated.md');
+const __dirname = dirname(fileURLToPath(import.meta.url));
+const MAIN_TEMPLATE = join(__dirname, '../../template/changelog-main.hbs');
+const HEADER_TEMPLATE = join(__dirname, '../../template/changelog-header.hbs');
+const COMMIT_TEMPLATE = join(__dirname, '../../template/changelog-commit.hbs');
+
+const mainTemplate = readFileSync(MAIN_TEMPLATE, 'utf-8');
+const headerPartial = readFileSync(HEADER_TEMPLATE, 'utf-8');
+const commitPartial = readFileSync(COMMIT_TEMPLATE, 'utf-8');
+
+function formatType(type: string) {
+  const MAP: Record<string, string> = {
+    fix: 'Bug Fixes',
+    feat: 'Feature',
+    docs: 'Document',
+    types: 'Types',
+  };
+
+  return MAP[type] || type;
+}
+
+function transform(item: any) {
+  if (item.type === 'chore' || item.type === 'test') {
+    return null;
+  }
+
+  item.type = formatType(item.type);
+
+  if (item.hash) {
+    item.shortHash = item.hash.slice(0, 6);
+  }
+
+  if (item.references.length) {
+    item.references.forEach((ref: any) => {
+      if (ref.issue && item.subject) {
+        item.subject = item.subject.replace(` (#${ref.issue})`, '');
+      }
+    });
+  }
+  return item;
+}
+
+export async function changelog(): Promise<void> {
+  const spinner = createSpinner('Generating changelog...').start();
+
+  return new Promise((resolve) => {
+    conventionalChangelog(
+      {
+        preset: 'angular',
+        releaseCount: 2,
+      },
+      null,
+      null,
+      null,
+      {
+        mainTemplate,
+        headerPartial,
+        commitPartial,
+        transform,
+      }
+    )
+      .pipe(createWriteStream(DIST_FILE))
+      .on('close', () => {
+        spinner.success({
+          text: `Changelog generated at ${slimPath(DIST_FILE)}`,
+        });
+        resolve();
+      });
+  });
+}

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

@@ -1,5 +1,5 @@
-import { logger } from 'rslog';
-import { readFileSync } from 'node:fs';
+import { readFileSync } from 'fs';
+import { consola } from '../common/logger.js';
 
 const commitRE =
   /^(revert: )?(fix|feat|docs|perf|test|types|style|build|chore|release|refactor|breaking change)(\(.+\))?: .{1,50}/;
@@ -9,7 +9,7 @@ export function commitLint(gitParams: string) {
   const commitMsg = readFileSync(gitParams, 'utf-8').trim();
 
   if (!commitRE.test(commitMsg) && !mergeRE.test(commitMsg)) {
-    logger.error(`invalid commit message: "${commitMsg}".
+    consola.error(`invalid commit message: "${commitMsg}".
 
 Proper commit message format is required for automated changelog generation.
 

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

@@ -0,0 +1,46 @@
+import jest from 'jest';
+import { setNodeEnv } from '../common/index.js';
+import { genPackageEntry } from '../compiler/gen-package-entry.js';
+import {
+  ROOT,
+  JEST_CONFIG_FILE,
+  PACKAGE_ENTRY_FILE,
+} from '../common/constant.js';
+import type { Config } from '@jest/types';
+
+export function test(command: Config.Argv) {
+  setNodeEnv('test');
+
+  genPackageEntry({
+    outputPath: PACKAGE_ENTRY_FILE,
+  });
+
+  const config = {
+    rootDir: ROOT,
+    watch: command.watch,
+    debug: command.debug,
+    config: JEST_CONFIG_FILE,
+    runInBand: command.runInBand,
+    clearCache: command.clearCache,
+    changedSince: command.changedSince,
+    logHeapUsage: command.logHeapUsage,
+    // make jest tests faster
+    // see: https://ivantanev.com/make-jest-faster/
+    maxWorkers: '50%',
+  } as Config.Argv;
+
+  jest
+    .runCLI(config, [ROOT])
+    .then((response) => {
+      if (!response.results.success && !command.watch) {
+        process.exit(1);
+      }
+    })
+    .catch((err) => {
+      console.log(err);
+
+      if (!command.watch) {
+        process.exit(1);
+      }
+    });
+}

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

@@ -1,5 +1,5 @@
-import { exec } from 'child_process';
-import { logger } from 'rslog';
+import execa from 'execa';
+import { consola, createSpinner } from '../common/logger.js';
 import { SCRIPT_EXTS } from '../common/constant.js';
 
 type RunCommandMessages = {
@@ -8,33 +8,40 @@ type RunCommandMessages = {
   failed: string;
 };
 
-function runCommand(cmd: string, messages: RunCommandMessages) {
-  logger.start(messages.start);
+function runCommand(
+  cmd: string,
+  options: string[],
+  messages: RunCommandMessages
+) {
+  const spinner = createSpinner(messages.start).start();
 
   return new Promise((resolve) => {
-    const options = {
-      env: Object.assign({}, process.env, { FORCE_COLOR: 'true' }),
-    };
-
-    exec(cmd, options, (error, stdout, stderr) => {
-      if (error) {
-        logger.error(stderr || stdout);
-        logger.error(messages.failed);
-        resolve(false);
-      } else {
-        logger.success(messages.succeed);
+    execa(cmd, options, {
+      preferLocal: true,
+      env: { FORCE_COLOR: true },
+    })
+      .then(() => {
+        spinner.success({ text: messages.succeed });
         resolve(true);
-      }
-    });
+      })
+      .catch((err: any) => {
+        spinner.error({ text: messages.failed });
+        consola.error(err.stderr || err.stdout);
+        resolve(false);
+      });
   });
 }
 
 function eslint() {
-  return runCommand(`eslint ./src --fix --ext ${SCRIPT_EXTS.join(',')}`, {
-    start: 'Running eslint...',
-    succeed: 'ESLint Passed.',
-    failed: 'ESLint failed!',
-  });
+  return runCommand(
+    'eslint',
+    ['./src', '--fix', '--ext', SCRIPT_EXTS.join(',')],
+    {
+      start: 'Running eslint...',
+      succeed: 'ESLint Passed.',
+      failed: 'ESLint failed!',
+    }
+  );
 }
 
 export async function lint() {

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

@@ -1,122 +1,22 @@
-import fse from 'fs-extra';
-import { join } from 'node:path';
-import color from 'picocolors';
-import enquirer from 'enquirer';
-import { logger } from 'rslog';
-import { getPackageManager } from '../common/manager.js';
-import { execSync } from 'child_process';
+/* eslint-disable no-template-curly-in-string */
+import releaseIt from 'release-it';
+import { join, dirname } from 'path';
+import { fileURLToPath } from 'url';
 
-function logCurrentVersion(cwd: string) {
-  const pkgJson = join(cwd, 'package.json');
-  const pkg = fse.readJSONSync(pkgJson);
-  logger.info(`${color.bold('Current package:')} ${color.green(pkg.name)}`);
-  logger.info(`${color.bold('Current version:')} ${color.green(pkg.version)}`);
-  return {
-    pkgName: pkg.name,
-    currentVersion: pkg.version,
-  };
-}
+const __dirname = dirname(fileURLToPath(import.meta.url));
+const PLUGIN_PATH = join(__dirname, '../compiler/vant-cli-release-plugin.js');
 
-async function getNewVersion() {
-  const { version } = await enquirer.prompt<{ version: string }>({
-    type: 'input',
-    name: 'version',
-    message: 'Version to release:',
+export async function release(command: { tag?: string }) {
+  await releaseIt({
+    plugins: {
+      [PLUGIN_PATH]: {},
+    },
+    npm: {
+      tag: command.tag,
+    },
+    git: {
+      tagName: 'v${version}',
+      commitMessage: 'release: ${version}',
+    },
   });
-  return version;
-}
-
-function getNpmTag(version: string, forceTag?: string) {
-  let tag: string;
-
-  if (forceTag) {
-    tag = forceTag;
-  } else if (version.includes('beta')) {
-    tag = 'beta';
-  } else if (version.includes('alpha')) {
-    tag = 'alpha';
-  } else if (version.includes('rc')) {
-    tag = 'rc';
-  } else {
-    tag = 'latest';
-  }
-
-  logger.info(`${color.bold('Npm tag:')} ${color.green(tag)}`);
-
-  return tag;
-}
-
-function setPkgVersion(
-  pkgJson: Record<string, any>,
-  pkgJsonPath: string,
-  version: string,
-) {
-  pkgJson.version = version;
-  fse.writeJSONSync(pkgJsonPath, pkgJson, { spaces: 2 });
-}
-
-function buildPackage(pkgJson: Record<string, any>, packageManager: string) {
-  if (pkgJson.scripts?.build) {
-    const command = `${packageManager} run build`;
-    logger.info(`${color.bold('Build package:')} ${color.green(command)}`);
-    execSync(command, { stdio: 'inherit' });
-  }
-}
-
-function publishPackage(packageManager: string, tag: string) {
-  let command = `${packageManager} publish --tag ${tag}`;
-
-  if (packageManager === 'pnpm') {
-    command += ' --no-git-checks';
-  }
-
-  execSync(command, { stdio: 'inherit' });
-}
-
-function commitChanges(pkgName: string, version: string, gitTag?: boolean) {
-  const message = `release: ${pkgName} v${version}`;
-  execSync(`git add -A && git commit -m "${message}"`, { stdio: 'inherit' });
-
-  if (gitTag) {
-    execSync(`git tag -a v${version} -m "${message}"`, { stdio: 'inherit' });
-  }
-}
-
-function getCurrentBranch() {
-  const branch = execSync('git rev-parse --abbrev-ref HEAD').toString().trim();
-  return branch;
-}
-
-function pushChanges(gitTag?: boolean) {
-  const branch = getCurrentBranch();
-  execSync(`git push origin ${branch}`, { stdio: 'inherit' });
-
-  if (gitTag) {
-    execSync(`git push origin ${branch} --tags`, { stdio: 'inherit' });
-  }
-}
-
-export async function release(command: { tag?: string; gitTag?: boolean }) {
-  const cwd = process.cwd();
-  const { pkgName, currentVersion } = logCurrentVersion(cwd);
-  const version = await getNewVersion();
-  const tag = getNpmTag(version, command.tag);
-  const packageManager = getPackageManager();
-
-  const pkgJsonPath = join(cwd, 'package.json');
-  const pkgJson = fse.readJSONSync(pkgJsonPath);
-
-  setPkgVersion(pkgJson, pkgJsonPath, version);
-
-  try {
-    buildPackage(pkgJson, packageManager);
-  } catch (err) {
-    logger.error('Failed to build package, rollback to the previous version.');
-    setPkgVersion(pkgJson, pkgJsonPath, currentVersion);
-    throw err;
-  }
-
-  publishPackage(packageManager, tag);
-  commitChanges(pkgName, version, command.gitTag);
-  pushChanges(command.gitTag);
 }

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

@@ -1,6 +1,6 @@
-import { existsSync, readFileSync } from 'node:fs';
-import { fileURLToPath, pathToFileURL } from 'node:url';
-import { join, dirname, isAbsolute } from 'node:path';
+import { existsSync, readFileSync } from 'fs';
+import { fileURLToPath, pathToFileURL } from 'url';
+import { join, dirname, isAbsolute } from 'path';
 
 function findRootDir(dir: string): string {
   if (existsSync(join(dir, 'vant.config.mjs'))) {
@@ -40,8 +40,7 @@ export const STYLE_DEPS_JSON_FILE = join(DIST_DIR, 'style-deps.json');
 
 // Config files
 export const POSTCSS_CONFIG_FILE = join(CJS_DIR, 'postcss.config.cjs');
-
-export const MD_LOADER = join(CJS_DIR, 'md-loader.cjs');
+export const JEST_CONFIG_FILE = join(CJS_DIR, 'jest.config.cjs');
 
 export const SCRIPT_EXTS = [
   '.js',

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

@@ -1,5 +1,5 @@
-import { existsSync } from 'node:fs';
-import { join, isAbsolute } from 'node:path';
+import { existsSync } from 'fs';
+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,15 +1,15 @@
 import fse from 'fs-extra';
-import { sep, join } from 'node:path';
+import { sep, join } from 'path';
 import { SRC_DIR, getVantConfig } from './constant.js';
-import { type InlineConfig, loadConfigFromFile, mergeConfig } from 'vite';
+import type { InlineConfig } from 'vite';
 
 const { lstatSync, existsSync, readdirSync, readFileSync, outputFileSync } =
   fse;
 
 export const EXT_REGEXP = /\.\w+$/;
 export const SFC_REGEXP = /\.(vue)$/;
-export const DEMO_REGEXP = new RegExp(`\\${sep}demo$`);
-export const TEST_REGEXP = new RegExp(`\\${sep}test$`);
+export const DEMO_REGEXP = new RegExp('\\' + sep + 'demo$');
+export const TEST_REGEXP = new RegExp('\\' + sep + 'test$');
 export const ASSET_REGEXP = /\.(png|jpe?g|gif|webp|ico|jfif|svg|woff2?|ttf)$/i;
 export const STYLE_REGEXP = /\.(css|less|scss)$/;
 export const SCRIPT_REGEXP = /\.(js|ts|jsx|tsx)$/;
@@ -24,12 +24,8 @@ export function replaceExt(path: string, ext: string) {
   return path.replace(EXT_REGEXP, ext);
 }
 
-export function hasExportOrDefineOptions(code: string) {
-  return (
-    code.includes('export default') ||
-    code.includes('export { default }') ||
-    code.includes('defineOptions')
-  );
+export function hasDefaultExport(code: string) {
+  return code.includes('export default') || code.includes('export { default }');
 }
 
 export function getComponents() {
@@ -42,11 +38,11 @@ export function getComponents() {
       ENTRY_EXTS.some((ext) => {
         const path = join(SRC_DIR, dir, `index.${ext}`);
         if (existsSync(path)) {
-          return hasExportOrDefineOptions(readFileSync(path, 'utf-8'));
+          return hasDefaultExport(readFileSync(path, 'utf-8'));
         }
 
         return false;
-      }),
+      })
     );
 }
 
@@ -69,14 +65,14 @@ 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
   );
 }
 
 export function decamelize(str: string, sep = '-') {
   return str
-    .replace(/([a-z\d])([A-Z])/g, `$1${sep}$2`)
-    .replace(/([A-Z])([A-Z][a-z\d]+)/g, `$1${sep}$2`)
+    .replace(/([a-z\d])([A-Z])/g, '$1' + sep + '$2')
+    .replace(/([A-Z])([A-Z][a-z\d]+)/g, '$1' + sep + '$2')
     .toLowerCase();
 }
 
@@ -118,33 +114,13 @@ export function smartOutputFile(filePath: string, content: string) {
   outputFileSync(filePath, content);
 }
 
-export async function mergeCustomViteConfig(
-  config: InlineConfig,
-  mode: 'production' | 'development',
-): Promise<InlineConfig> {
+export function mergeCustomViteConfig(config: 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);
-    if (ret) {
-      config = ret;
-    }
+    return configureVite(config);
   }
-
-  if (userConfig) {
-    return mergeConfig(config, userConfig.config);
-  }
-
   return config;
 }