vant 3.6.12 → 3.6.13

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vant",
-  "version": "3.6.12",
-  "description": "Lightweight Mobile UI Components built on Vue",
+  "version": "3.6.13",
+  "description": "Mobile UI Components built on Vue",
   "main": "lib/vant.cjs.js",
   "module": "es/index.mjs",
   "style": "lib/index.css",
@@ -12,19 +12,19 @@
     "es",
     "lib"
   ],
-  "npm": {
-    "tag": "latest-v3"
-  },
   "scripts": {
     "dev": "vant-cli dev",
     "lint": "vant-cli lint",
-    "test": "vant-cli test",
+    "test": "vitest run",
     "build": "vant-cli build",
     "build:site": "vant-cli build-site",
-    "release": "cp ../../README.md ./ && vant-cli release --tag latest-v3 && rm ./README.md",
+    "release": "cp ../../README.md ./ && vant-cli release --gitTag && rm ./README.md",
     "release:site": "pnpm build:site && npx gh-pages -d site-dist --add",
-    "test:watch": "vant-cli test --watch",
-    "test:coverage": "open test/coverage/index.html"
+    "test:update": "vitest run -u",
+    "test:watch": "vitest",
+    "test:coverage": "vitest run --coverage",
+    "open:coverage": "open test/coverage/lcov-report/index.html",
+    "postinstall": "node lib/utils/support.js"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -47,30 +47,38 @@
     "components"
   ],
   "dependencies": {
-    "@vant/icons": "^1.8.0",
-    "@vant/popperjs": "^1.2.1",
-    "@vant/use": "^1.4.2"
+    "@vant/popperjs": "workspace:^",
+    "@vant/use": "workspace:^",
+    "@vue/shared": "^3.5.13"
   },
   "peerDependencies": {
     "vue": "^3.0.0"
   },
   "devDependencies": {
-    "@types/node": "^16.11.56",
-    "@types/jest": "^27.0.0",
+    "@types/node": "^22.10.1",
     "@vant/area-data": "workspace:*",
     "@vant/cli": "workspace:*",
     "@vant/eslint-config": "workspace:*",
-    "@vue/runtime-core": "^3.2.38",
-    "@vue/test-utils": "^2.0.2",
-    "typescript": "^4.8.2",
-    "vue": "^3.2.38",
-    "vue-router": "^4.1.5"
+    "@vant/icons": "workspace:*",
+    "@vitejs/plugin-vue": "^5.2.1",
+    "@vitejs/plugin-vue-jsx": "^4.1.1",
+    "@vitest/coverage-istanbul": "^2.1.6",
+    "@vue/runtime-core": "^3.5.13",
+    "@vue/test-utils": "^2.4.6",
+    "csstype": "^3.1.3",
+    "diffable-html": "^5.0.0",
+    "jsdom": "^25.0.1",
+    "typescript": "^5.7.2",
+    "vite": "^5.4.11",
+    "vitest": "^2.1.6",
+    "vitest-canvas-mock": "^0.3.3",
+    "vue": "^3.5.13",
+    "vue-router": "^4.4.5"
   },
   "sideEffects": [
     "es/**/style/*",
     "lib/**/style/*",
-    "*.css",
-    "*.less"
+    "*.css"
   ],
   "web-types": "lib/web-types.json"
 }

package/README.md

@@ -1,144 +0,0 @@
-<p align="center">
-    <img alt="logo" src="https://fastly.jsdelivr.net/npm/@vant/assets/logo.png" width="120" height="120" style="margin-bottom: 10px;">
-</p>
-
-<h1 align="center">Vant</h1>
-
-<p align="center">Lightweight Mobile UI Components built on Vue</p>
-
-<p align="center">
-    <img src="https://img.shields.io/npm/v/vant?style=flat-square" alt="npm version" />
-    <img src="https://img.shields.io/github/workflow/status/vant-ui/vant/CI/dev?style=flat-square" alt="CI Status" />
-    <img src="https://img.shields.io/codecov/c/github/vant-ui/vant/dev.svg?style=flat-square&color=#4fc08d" alt="Coverage Status" />
-    <img src="https://img.shields.io/npm/dm/vant.svg?style=flat-square&color=#4fc08d" alt="downloads" />
-    <img src="https://img.badgesize.io/https://unpkg.com/vant@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-contrib.gitee.io/vant">文档网站（国内）</a>
-  &nbsp;
-  🌈 <a href="https://vant-ui.github.io/vant">文档网站（GitHub）</a>
-  &nbsp;
-  🇨🇳 <a href="./README.zh-CN.md">中文版介绍</a>
-</p>
-
----
-
-## Features
-
-- 🚀 1KB Component average size (min+gzip)
-- 🚀 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 Tree Shaking
-- 🍭 Support Custom Theme
-- 🍭 Support Accessibility (still improving)
-- 🍭 Support Dark Mode
-- 🍭 Support SSR
-- 🌍 Support i18n, built-in 20+ languages
-
-## Install
-
-Using `npm` to install:
-
-```bash
-# install latest Vant for Vue 3 project
-npm i vant
-
-# install Vant 2 for Vue 2 project
-npm i vant@latest-v2
-```
-
-Using `yarn` or `pnpm`:
-
-```bash
-# with yarn
-yarn add vant
-
-# with pnpm
-pnpm add vant
-```
-
-## Quickstart
-
-```js
-import { createApp } from 'vue';
-// 1. Import the components you need
-import { Button } from 'vant';
-// 2. Import the components style
-import 'vant/lib/index.css';
-
-const app = createApp();
-
-// 3. Register the components you need
-app.use(Button);
-```
-
-See more in [Quickstart](https://vant-ui.github.io/vant#/en-US/quickstart).
-
-## Browser Support
-
-Vant 2 supports modern browsers and Android >= 4.0、iOS >= 8.0.
-
-Vant 3/4 supports modern browsers and Chrome >= 51、iOS >= 10.0 (same as Vue 3).
-
-## Official Ecosystem
-
-| Project | Description |
-| --- | --- |
-| [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/3.x/packages/vant-cli) | Scaffold for UI library |
-| [vant-icons](https://github.com/vant-ui/vant/tree/3.x/packages/vant-icons) | Vant icons |
-| [vant-touch-emulator](https://github.com/vant-ui/vant/tree/3.x/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 |
-| [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 |
-| [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)
-- [Changelog](https://vant-ui.github.io/vant#/en-US/changelog)
-- [Discussions](https://github.com/vant-ui/vant/discussions)
-
-## Preview
-
-You can scan the following QR code to access the demo：
-
-<img src="https://fastly.jsdelivr.net/npm/@vant/assets/preview-qrcode.png" width="220" height="220" >
-
-## Core Team
-
-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/) | [![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
-
-Thanks to the following friends for their contributions to Vant:
-
-<a href="https://github.com/vant-ui/vant/graphs/contributors">
-  <img src="https://opencollective.com/vant/contributors.svg?width=890&button=false" alt="contributors">
-</a>
-
-## Contribution Guide
-
-Please make sure to read the [Contributing Guide](./.github/CONTRIBUTING.md) before making a pull request.
-
-## LICENSE
-
-[MIT](https://en.wikipedia.org/wiki/MIT_License)

package/es/action-bar/index.less

@@ -1,18 +0,0 @@
-@import './var.less';
-
-:root {
-  --van-action-bar-background-color: @action-bar-background-color;
-  --van-action-bar-height: @action-bar-height;
-}
-
-.van-action-bar {
-  position: fixed;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  display: flex;
-  align-items: center;
-  box-sizing: content-box;
-  height: var(--van-action-bar-height);
-  background: var(--van-action-bar-background-color);
-}

package/es/action-bar/style/less.mjs

@@ -1,2 +0,0 @@
-import "../../style/base.less";
-import "../index.less";

package/es/action-bar/var.less

@@ -1,4 +0,0 @@
-@import '../style/var.less';
-
-@action-bar-background-color: var(--van-background-color-light);
-@action-bar-height: 50px;

package/es/action-bar-button/index.less

@@ -1,40 +0,0 @@
-@import './var.less';
-
-:root {
-  --van-action-bar-button-height: @action-bar-button-height;
-  --van-action-bar-button-warning-color: @action-bar-button-warning-color;
-  --van-action-bar-button-danger-color: @action-bar-button-danger-color;
-}
-
-.van-action-bar-button {
-  flex: 1;
-  height: var(--van-action-bar-button-height);
-  font-weight: var(--van-font-weight-bold);
-  font-size: var(--van-font-size-md);
-  border: none;
-  border-radius: 0;
-
-  &--first {
-    margin-left: 5px;
-    border-top-left-radius: var(--van-border-radius-max);
-    border-bottom-left-radius: var(--van-border-radius-max);
-  }
-
-  &--last {
-    margin-right: 5px;
-    border-top-right-radius: var(--van-border-radius-max);
-    border-bottom-right-radius: var(--van-border-radius-max);
-  }
-
-  &--warning {
-    background: var(--van-action-bar-button-warning-color);
-  }
-
-  &--danger {
-    background: var(--van-action-bar-button-danger-color);
-  }
-
-  @media (max-width: 321px) {
-    font-size: 13px;
-  }
-}

package/es/action-bar-button/style/less.mjs

@@ -1,7 +0,0 @@
-import "../../style/base.less";
-import "../../action-bar/index.less";
-import "../../badge/index.less";
-import "../../icon/index.less";
-import "../../loading/index.less";
-import "../../button/index.less";
-import "../index.less";

package/es/action-bar-button/var.less

@@ -1,5 +0,0 @@
-@import '../style/var.less';
-
-@action-bar-button-height: 40px;
-@action-bar-button-warning-color: var(--van-gradient-orange);
-@action-bar-button-danger-color: var(--van-gradient-red);

package/es/action-bar-icon/index.less

@@ -1,36 +0,0 @@
-@import './var.less';
-
-:root {
-  --van-action-bar-icon-width: @action-bar-icon-width;
-  --van-action-bar-icon-height: @action-bar-icon-height;
-  --van-action-bar-icon-color: @action-bar-icon-color;
-  --van-action-bar-icon-size: @action-bar-icon-size;
-  --van-action-bar-icon-font-size: @action-bar-icon-font-size;
-  --van-action-bar-icon-active-color: @action-bar-icon-active-color;
-  --van-action-bar-icon-text-color: @action-bar-icon-text-color;
-  --van-action-bar-icon-background-color: @action-bar-icon-background-color;
-}
-
-.van-action-bar-icon {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  min-width: var(--van-action-bar-icon-width);
-  height: var(--van-action-bar-icon-height);
-  color: var(--van-action-bar-icon-text-color);
-  font-size: var(--van-action-bar-icon-font-size);
-  line-height: 1;
-  text-align: center;
-  background: var(--van-action-bar-icon-background-color);
-  cursor: pointer;
-
-  &:active {
-    background-color: var(--van-action-bar-icon-active-color);
-  }
-
-  &__icon {
-    margin: 0 auto var(--van-padding-base);
-    color: var(--van-action-bar-icon-color);
-    font-size: var(--van-action-bar-icon-size);
-  }
-}

package/es/action-bar-icon/style/less.mjs

@@ -1,5 +0,0 @@
-import "../../style/base.less";
-import "../../action-bar/index.less";
-import "../../badge/index.less";
-import "../../icon/index.less";
-import "../index.less";

package/es/action-bar-icon/var.less

@@ -1,10 +0,0 @@
-@import '../style/var.less';
-
-@action-bar-icon-width: 48px;
-@action-bar-icon-height: 100%;
-@action-bar-icon-color: var(--van-text-color);
-@action-bar-icon-size: 18px;
-@action-bar-icon-font-size: var(--van-font-size-xs);
-@action-bar-icon-active-color: var(--van-active-color);
-@action-bar-icon-text-color: var(--van-gray-7);
-@action-bar-icon-background-color: var(--van-background-color-light);

package/es/action-sheet/index.less

@@ -1,132 +0,0 @@
-@import './var.less';
-@import '../style/mixins/hairline';
-
-:root {
-  --van-action-sheet-max-height: @action-sheet-max-height;
-  --van-action-sheet-header-height: @action-sheet-header-height;
-  --van-action-sheet-header-font-size: @action-sheet-header-font-size;
-  --van-action-sheet-description-color: @action-sheet-description-color;
-  --van-action-sheet-description-font-size: @action-sheet-description-font-size;
-  --van-action-sheet-description-line-height: @action-sheet-description-line-height;
-  --van-action-sheet-item-background: @action-sheet-item-background;
-  --van-action-sheet-item-font-size: @action-sheet-item-font-size;
-  --van-action-sheet-item-line-height: @action-sheet-item-line-height;
-  --van-action-sheet-item-text-color: @action-sheet-item-text-color;
-  --van-action-sheet-item-disabled-text-color: @action-sheet-item-disabled-text-color;
-  --van-action-sheet-subname-color: @action-sheet-subname-color;
-  --van-action-sheet-subname-font-size: @action-sheet-subname-font-size;
-  --van-action-sheet-subname-line-height: @action-sheet-subname-line-height;
-  --van-action-sheet-close-icon-size: @action-sheet-close-icon-size;
-  --van-action-sheet-close-icon-color: @action-sheet-close-icon-color;
-  --van-action-sheet-close-icon-padding: @action-sheet-close-icon-padding;
-  --van-action-sheet-cancel-text-color: @action-sheet-cancel-text-color;
-  --van-action-sheet-cancel-padding-top: @action-sheet-cancel-padding-top;
-  --van-action-sheet-cancel-padding-color: @action-sheet-cancel-padding-color;
-  --van-action-sheet-loading-icon-size: @action-sheet-loading-icon-size;
-}
-
-.van-action-sheet {
-  display: flex;
-  flex-direction: column;
-  max-height: var(--van-action-sheet-max-height);
-  overflow: hidden;
-  color: var(--van-action-sheet-item-text-color);
-
-  &__content {
-    flex: 1 auto;
-    overflow-y: auto;
-    -webkit-overflow-scrolling: touch;
-  }
-
-  &__item,
-  &__cancel {
-    display: block;
-    width: 100%;
-    padding: 14px var(--van-padding-md);
-    font-size: var(--van-action-sheet-item-font-size);
-    background: var(--van-action-sheet-item-background);
-    border: none;
-    cursor: pointer;
-
-    &:active {
-      background-color: var(--van-active-color);
-    }
-  }
-
-  &__item {
-    line-height: var(--van-action-sheet-item-line-height);
-
-    &--loading,
-    &--disabled {
-      color: var(--van-action-sheet-item-disabled-text-color);
-
-      &:active {
-        background-color: var(--van-action-sheet-item-background);
-      }
-    }
-
-    &--disabled {
-      cursor: not-allowed;
-    }
-
-    &--loading {
-      cursor: default;
-    }
-  }
-
-  &__cancel {
-    flex-shrink: 0;
-    box-sizing: border-box;
-    color: var(--van-action-sheet-cancel-text-color);
-  }
-
-  &__subname {
-    margin-top: var(--van-padding-xs);
-    color: var(--van-action-sheet-subname-color);
-    font-size: var(--van-action-sheet-subname-font-size);
-    line-height: var(--van-action-sheet-subname-line-height);
-  }
-
-  &__gap {
-    display: block;
-    height: var(--van-action-sheet-cancel-padding-top);
-    background: var(--van-action-sheet-cancel-padding-color);
-  }
-
-  &__header {
-    flex-shrink: 0;
-    font-weight: var(--van-font-weight-bold);
-    font-size: var(--van-action-sheet-header-font-size);
-    line-height: var(--van-action-sheet-header-height);
-    text-align: center;
-  }
-
-  &__description {
-    position: relative;
-    flex-shrink: 0;
-    padding: 20px var(--van-padding-md);
-    color: var(--van-action-sheet-description-color);
-    font-size: var(--van-action-sheet-description-font-size);
-    line-height: var(--van-action-sheet-description-line-height);
-    text-align: center;
-
-    &::after {
-      .hairline-bottom(var(--van-border-color), var(--van-padding-md), var(--van-padding-md));
-    }
-  }
-
-  &__loading-icon .van-loading__spinner {
-    width: var(--van-action-sheet-loading-icon-size);
-    height: var(--van-action-sheet-loading-icon-size);
-  }
-
-  &__close {
-    position: absolute;
-    top: 0;
-    right: 0;
-    padding: var(--van-action-sheet-close-icon-padding);
-    color: var(--van-action-sheet-close-icon-color);
-    font-size: var(--van-action-sheet-close-icon-size);
-    line-height: inherit;
-  }
-}

package/es/action-sheet/style/less.mjs

@@ -1,7 +0,0 @@
-import "../../style/base.less";
-import "../../badge/index.less";
-import "../../icon/index.less";
-import "../../loading/index.less";
-import "../../overlay/index.less";
-import "../../popup/index.less";
-import "../index.less";

package/es/action-sheet/var.less

@@ -1,23 +0,0 @@
-@import '../style/var.less';
-
-@action-sheet-max-height: 80%;
-@action-sheet-header-height: 48px;
-@action-sheet-header-font-size: var(--van-font-size-lg);
-@action-sheet-description-color: var(--van-text-color-2);
-@action-sheet-description-font-size: var(--van-font-size-md);
-@action-sheet-description-line-height: var(--van-line-height-md);
-@action-sheet-item-background: var(--van-background-color-light);
-@action-sheet-item-font-size: var(--van-font-size-lg);
-@action-sheet-item-line-height: var(--van-line-height-lg);
-@action-sheet-item-text-color: var(--van-text-color);
-@action-sheet-item-disabled-text-color: var(--van-text-color-3);
-@action-sheet-subname-color: var(--van-text-color-2);
-@action-sheet-subname-font-size: var(--van-font-size-sm);
-@action-sheet-subname-line-height: var(--van-line-height-sm);
-@action-sheet-close-icon-size: 22px;
-@action-sheet-close-icon-color: var(--van-gray-5);
-@action-sheet-close-icon-padding: 0 var(--van-padding-md);
-@action-sheet-cancel-text-color: var(--van-gray-7);
-@action-sheet-cancel-padding-top: var(--van-padding-xs);
-@action-sheet-cancel-padding-color: var(--van-background-color);
-@action-sheet-loading-icon-size: 22px;

package/es/address-edit/index.less

@@ -1,46 +0,0 @@
-@import './var.less';
-
-:root {
-  --van-address-edit-padding: @address-edit-padding;
-  --van-address-edit-buttons-padding: @address-edit-buttons-padding;
-  --van-address-edit-button-margin-bottom: @address-edit-button-margin-bottom;
-  --van-address-edit-button-font-size: @address-edit-button-font-size;
-}
-
-.van-address-edit {
-  padding: var(--van-address-edit-padding);
-
-  &__fields {
-    overflow: hidden;
-    border-radius: var(--van-padding-xs);
-
-    .van-field__label {
-      width: 4.1em;
-    }
-  }
-
-  &__default {
-    margin-top: var(--van-padding-sm);
-    overflow: hidden;
-    border-radius: var(--van-padding-xs);
-  }
-
-  &__buttons {
-    padding: var(--van-address-edit-buttons-padding);
-  }
-
-  &__button {
-    margin-bottom: var(--van-address-edit-button-margin-bottom);
-    font-size: var(--van-address-edit-button-font-size);
-  }
-
-  &-detail {
-    &__search-item {
-      background: var(--van-gray-2);
-    }
-
-    &__keyword {
-      color: var(--van-danger-color);
-    }
-  }
-}

package/es/address-edit/style/less.mjs

@@ -1,13 +0,0 @@
-import "../../style/base.less";
-import "../../badge/index.less";
-import "../../icon/index.less";
-import "../../cell/index.less";
-import "../../field/index.less";
-import "../../loading/index.less";
-import "../../switch/index.less";
-import "../../picker/index.less";
-import "../../button/index.less";
-import "../../overlay/index.less";
-import "../../popup/index.less";
-import "../../toast/index.less";
-import "../index.less";

package/es/address-edit/var.less

@@ -1,6 +0,0 @@
-@import '../style/var.less';
-
-@address-edit-padding: var(--van-padding-sm);
-@address-edit-buttons-padding: var(--van-padding-xl) var(--van-padding-base);
-@address-edit-button-margin-bottom: var(--van-padding-sm);
-@address-edit-button-font-size: var(--van-font-size-lg);